Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Search bar style/CSS
This topic contains 5 replies, has 2 voices, and was last updated by joshuamayo 7 years, 4 months ago.
- AuthorPosts
- July 18, 2016 at 4:20 am #9535
I am having an issue stylizing the search bar exactly how I want. When you land on the page of the URL to the staging site I provided, you will see a search bar that is longer on top of a search bar that is smaller and shorter. The smaller shorter one is my attempt to re-create the one that sits above. Can you assist me in re-creating the bar to look like the other one? Thank you so much!
July 18, 2016 at 7:29 am #9538Hi!
Actually, it looks you got very close to that layout, I can see only one thing that needs to be changed, and it’s to force the main container to a transparent background.
Try using this custom CSS for this purpose:
Best,.asp_main_container { background-color: transparent !important; }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
July 18, 2016 at 2:22 pm #9539Perfect! Thank you so much, Ernest!
July 18, 2016 at 5:18 pm #9541One more question. Is it possible to hide the dropdown using CSS?
July 18, 2016 at 5:44 pm #9542Hi!
There is an option for that, on the Frontend search settings -> General panel, the first option: Show search settings switch on the frontend?
If you prefer custom CSS, then:
Best,.prosettings { display: none !important; }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
July 18, 2016 at 6:42 pm #9543I knew it had to be an option, I just completely missed it. Thank you again, Ernest!
- AuthorPosts
You must be logged in to reply to this topic.