Docs

[ggoudey]

How do I adjust the search bar height, font size and text?

Andrew

http://www.peacelocalfood.info/

[Rupok]

Hey Andrew,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.form-search .search-query {
    height: 40px;
    font-size: 15px;
}

Hope this helps.

Cheers!

[ggoudey]

Hi Rupok. Yes thank you, that made the searchbar not so fat. The text size is OK also.

To control the section area, I am able to reduce the padding in the top section for the searchbar to 0, and or add ptn to the class area… to minimize space. But I can’t seem to find a way to adjust below the searchbar? Also, how do I add alternate text to the search field?

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-search-shortcode {
    margin-bottom: 1.2em;
}

To change search text, add the following code under Customizer, Custom > JavaScript area.

jQuery(function() {
  jQuery('.search-query').attr('placeholder', 'Search for Stuff');
});

Hope that helps.

[ggoudey]

Yes. All suggestions have worked nicely. Thank you.

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts