Centering or Center Aligning the Search Bar

[retreatdiscounterParticipant]

Hello,

I have been trying to set up the bar and looked on your knowledge base before writing, but haven’t been able to center the bar.

Is there a way of centering (align center) de search bar? Either through any of the options or with custom css?

Thanks so much for your help,
Daniel

[Ernest MarcinkoKeymaster]

Hi!

Unfortunately there is no option for that, because it depends on the container element alignment as well.

I suggest trying the following custom CSS code, it works most of the time:

.asp_main_container {
    margin: 0 auto !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[retreatdiscounterParticipant]

Awesome, that worked perfectly!

Is there a way to add a margin below the search bar?

http://www.retreatdiscounter.com/home-test/ The content is right below the search bar, without no space.

Thanks so much in advance!
Daniel

[Ernest MarcinkoKeymaster]

Sure 🙂

Try modifying the code above to something like:

.asp_main_container {
    margin: 0 auto 26px auto !important
}

..where the 26px is the bottom margin, you can change that to anything you want.

Also, if I may suggest another thing. I noticed that the theme is adding a bit of a box shadow inside the input field when focusing it. If you want to get rid of that light grey shadow, you can use this code:

.probox .proinput input:focus {
    box-shadow: none !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[retreatdiscounterParticipant]

That worked perfectly, thanks so much!
Daniel

[Author]

Posts