Centering or Center Aligning the Search Bar

[retreatdiscounter]

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 Marcinko]

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:

[code].asp_main_container {
margin: 0 auto !important;
}[/code]

[retreatdiscounter]

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 Marcinko]

Sure 🙂

Try modifying the code above to something like:

[code].asp_main_container {
margin: 0 auto 26px auto !important
}[/code]

..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:

[code].probox .proinput input:focus {
box-shadow: none !important;
}[/code]

[retreatdiscounter]

That worked perfectly, thanks so much!
Daniel

[Author]

Posts