Forums › Forums › Search & Filter Pro › Need help with CSS layout

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (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
    (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.

    Anonymous
    (Private)  January 20, 2020 at 7:02 pm #231609
    This reply has been marked as private.
    Trevor
    (Private)  January 21, 2020 at 2:38 pm #231698
    This reply has been marked as private.
    Anonymous
    (Private)  January 21, 2020 at 8:27 pm #231779
    This reply has been marked as private.
    Trevor
    (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)