Forums › Forums › Search & Filter Pro › Search box width

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  July 6, 2020 at 8:10 pm #251602

    Hi there, I created a filter that included the text search box but the width looks odd. It looks like it is 50% but I can’t figure out how to get it to 100%. I’m relatively new to CSS styling, is this something you could help me with?

    Thanks!

    Trevor
    (Private)  July 7, 2020 at 8:06 am #251617

    Are you able to send me a live link/URL to your search page so I can take a look?

    Anonymous
    (Private)  July 8, 2020 at 3:20 am #251916

    Let me know if you have issues accessing it. The page content is normally hidden with a content restrict that I temporarily moved. https://theplatopack.com/search/

    Thanks!

    Trevor
    (Private)  July 8, 2020 at 2:41 pm #252013

    This custom CSS should do it:

    .searchandfilter[data-sf-form-id="8213"] .sf-field-search label {
  width: 100%;
  padding-right: 5px;
}

    I had to add 5px right padding because you had added this CSS already:

    .searchandfilter ul li {
    background-color: #efefef;
    padding: 20px 15px 20px 20px;
}

    Where the right padding was only 15px, whereas the left padding is 20px, so it looked odd otherwise.

    Anonymous
    (Private)  July 8, 2020 at 5:33 pm #252046

    That’s perfect, thank you so much!

    Trevor
    (Private)  July 8, 2020 at 5:36 pm #252048

    Thanks for getting back to me. I will close this thread for now.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)