Search box width

Anonymous

#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

#251617

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

Anonymous

#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

#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

#252046

That’s perfect, thank you so much!

Trevor

#252048

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

[Author]

Posts