Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Customize the layout of search form and search results

Tagged: 

Viewing 5 posts - 31 through 35 (of 35 total)
1 2 3 4
  • tubikitchen
    (Private)  May 12, 2018 at 9:30 am #177197

    Yes, I did. It works perfectly on the tab widget’s default color scheme. However, when I switch to another color scheme, it seems to be that the that plugin used another .wpt_widget_content: https://mykitchenbeta.000webhostapp.com/site-search

    Trevor Moderator
    (Private)  May 12, 2018 at 9:44 am #177199

    Fixed with this:

    .wpt_widget_content .tab-content .searchandfilter ul li.sf-field-reset,
.wptp_widget_content .tab-content .searchandfilter ul li.sf-field-reset {
  width: 75px;
  display: inline-block;
  margin-right: 50px;
}
.wpt_widget_content .tab-content .searchandfilter ul li.sf-field-submit,
.wptp_widget_content .tab-content .searchandfilter ul li.sf-field-submit {
  width: 75px;
  display: inline-block;
}
.wpt_widget_content .tab-content .searchandfilter ul li.sf-field-reset input,
.wpt_widget_content .tab-content .searchandfilter ul li.sf-field-submit input,
.wptp_widget_content .tab-content .searchandfilter ul li.sf-field-reset input,
.wptp_widget_content .tab-content .searchandfilter ul li.sf-field-submit input {
  width: 75px;
  background: #666;
  color: #fff;
}
.searchandfilter > ul > li select {
  width: 200px;
}
/* the next is 200px-(2*12px padding) - (2*1px border) */
.searchandfilter ul li.sf-field-search input {
  width: 174px;
}
    tubikitchen
    (Private)  May 12, 2018 at 9:55 am #177201

    wow, you really are an expert. You do very fast and extremely accurate. Thank you for everything 🙂

    Trevor Moderator
    (Private)  May 12, 2018 at 10:30 am #177217

    Hopefully you can see in this CSS where you can change colors and widths. Is it OK to close this thread for now?

    tubikitchen
    (Private)  May 12, 2018 at 11:11 am #177219

    Yes, everything is clear now. Thanks again 🙂

  • Author
    Posts
Viewing 5 posts - 31 through 35 (of 35 total)
1 2 3 4

The topic ‘Customize the layout of search form and search results’ is closed to new replies.