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 › Making the layout look the way I would like…

Viewing 10 posts - 1 through 10 (of 16 total)
1 2
  • David Ferguson
    (Private)  May 1, 2019 at 6:45 pm #209843

    Love the plugin, it actually works in filtering our products as customers select features, etc. I am not a coder and was hoping to easily make the layout look a little nicer. I have made a form in WPForms Pro because I saw you can use “data” from other forms to change the look of things. But I couldn’t get it to work when playing with the code on the support page and my Theme’s CSS (Melos Pro). Is there a way to take another form and insert it into the Search & Filter plugin that a novice designer can handle?

    David Ferguson
    (Private)  May 1, 2019 at 6:50 pm #209844

    The one in WPForms makes a shortcode [wpforms id=”5093″] but I am not sure how to include it in:

    .searchandfilter[data-sf-form-id=”1428″]
    {
    //do stuff with this particular search form
    }

    Trevor Moderator
    (Private)  May 2, 2019 at 12:01 pm #209887

    I am not entirely sure that I understand. You have made a form in WPForms Pro, and want to apply the style of that to our form?

    Are you able to show me live links to pages with both forms on?

    David Ferguson
    (Private)  May 3, 2019 at 6:44 pm #210125

    Sure thing. Just want to take the S&F filter I am setting up from this:
    https://www.techmetals.com/metal-finishing-search/

    To something a little more condensed, like this so I can maybe put it on the bottom of each of our pages, etc?

    https://www.techmetals.com/test/

    Just not sure how to edit like making column in Elementor or using the way WPForms lays it out, etc?

    Trevor Moderator
    (Private)  May 4, 2019 at 1:52 pm #210146

    Rather than the horizontal css that you have added, maybe this instead:

    .searchandfilter ul>li>ul:not(.children) {
  column-count: 3;
}
    David Ferguson
    (Private)  May 6, 2019 at 1:00 pm #210169

    Thanks Trevor, I added that code into the Melos Pro CSS and it came back with an error that said “there are eight errors that need to be corrected before saving”. I’ll try to attach a screen shot.

    Image

    David Ferguson
    (Private)  May 6, 2019 at 1:40 pm #210171

    I also am putting it into Elementor now, to match the other pages. So maybe the formatting may not work anyway?

    https://www.techmetals.com/metal-finishing-search/

    Other than that, I love the plugin. It is really great.

    Trevor Moderator
    (Private)  May 7, 2019 at 1:52 pm #210254
    This reply has been marked as private.
    David Ferguson
    (Private)  May 7, 2019 at 2:19 pm #210256
    This reply has been marked as private.
    Trevor Moderator
    (Private)  May 7, 2019 at 4:04 pm #210288
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 16 total)
1 2

The topic ‘Making the layout look the way I would like…’ is closed to new replies.