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 › Need help with CSS layout

Viewing 6 posts - 1 through 6 (of 6 total)
  • Kathryn Trucano
    (Private)  January 19, 2020 at 6:28 am #231532

    I am using the Elegant Themes EXTRA theme (a takeoff of their DIVI theme.)

    The layout of the widget search form does not have any left padding. And the font size for all of the controls is quite small.

    You can see a snapshot of the problem:
    https://extra.newwisdomuniversity.site/wp-content/uploads/2020/01/layout-problem.png

    Do you have a CSS stylesheet example that I can use to remedy these problems?

    Trevor Moderator
    (Private)  January 20, 2020 at 12:20 pm #231554

    If you can annotate what you want changing, and send me a live link/URL to your search page so I can take a look, I can probably craft some CSS for you.

    Kathryn Trucano
    (Private)  January 20, 2020 at 7:02 pm #231609
    This reply has been marked as private.
    Trevor Moderator
    (Private)  January 21, 2020 at 2:38 pm #231698
    This reply has been marked as private.
    Kathryn Trucano
    (Private)  January 21, 2020 at 8:27 pm #231779
    This reply has been marked as private.
    Trevor Moderator
    (Private)  January 22, 2020 at 3:18 am #231788

    I think you need something like this:

    .searchandfilter[data-sf-form-id="18"] .sf-field-search input {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
  color: #000;
  padding: 5px 10px;
  background: #eee;
  font-size: 13px;
}
.searchandfilter[data-sf-form-id="18"] .sf-field-submit input  {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
  color: #fff;
  padding: 5px 10px;
  border: 0px solid #B6008A;
  background: #B6008A
}

    That should give you the idea anyway.

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

The forum ‘Search & Filter Pro’ is closed to new topics and replies.