Navigation
Archive / How to change Search Form Font Size
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 7, 2016 at 1:05 pm #1121070
    vchang
    Participant

    I’d appreciate you please letting me know how to change the size of the text that is entered when doing a search. Attached is a pdf showing how the text appears when typed into the search form. I’d like to reduce its size to h4 so that it displays properly on a mobile device. How can I do this?

    Thanks for your help!

    August 7, 2016 at 5:03 pm #1121225
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Add this in your Customizer > Custom > CSS:

    .x-searchform-overlay .form-search .search-query{
font-size:10px;
}

    Adjust px to achieve the best font size you want.

    Hope it helps.

    Let us know how it goes.

    Thanks.

    August 8, 2016 at 9:44 am #1122176
    vchang
    Participant
    This reply has been marked as private.
    August 8, 2016 at 11:10 am #1122290
    Thai
    Moderator

    Hi There,

    Upon checking your website, I could see that the text size is changed:

    http://i.imgur.com/y0FUN4l.png

    Please clear your cache and try again.

    Thanks.

    August 9, 2016 at 1:21 pm #1124170
    vchang
    Participant

    Dear Thai:

    You are absolutely right! Thanks for your great help in changing this!

    August 9, 2016 at 1:58 pm #1124248
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1121070 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>