Navigation
Archive / Would like to change the size of the Search box
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 19, 2016 at 9:31 am #1138338
    Understandingcat
    Participant

    Hellos,

    I would like to increase the size of the search box on my customised 404-page to the size like the one you guys have on top of this page but haven’t figured out how to make it pop out Would appreciate the help! Thanks in advance!

    I.

    August 19, 2016 at 10:38 am #1138406
    Rahul
    Moderator

    Hey There,

    Could you provide us a link to check on? And then we can give you a better styling you can implement.

    Thank You.

    August 21, 2016 at 8:41 am #1140325
    Understandingcat
    Participant

    Rahul,

    Sorry for not being clear! I meant I wanted to change the size of the input field used to enter the search terms. I can style the borders etc. myself once the color scheme is established (The site is not on yet). The height of the current input field is 2.65 em as I understand, and I want to increate it at least to 4.65em, although only on the customised 404-page.

    I also need to replace the word “Search” in the placeholder with the Swedish term. How can I do that?

    Thanks,
    I.

    August 21, 2016 at 10:15 am #1140388
    Rupok
    Member

    Hi there,

    Thanks for writing back! As mentioned earlier, to assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    August 29, 2016 at 11:02 am #1151967
    Understandingcat
    Participant

    Hellos again!

    Sure, here’s the URL: ramsta.eu.

    Cheers,

    Irisha

    August 29, 2016 at 11:05 am #1151972
    Jade
    Moderator

    Hi Irisha,

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

    .page-id-171 .form-search .search-query {
    height: 4.65em;
}

    Hope this helps.

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