Making the layout look the way I would like…

Anonymous

#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?

Anonymous

#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

#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?

Anonymous

#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

#210146

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

.searchandfilter ul>li>ul:not(.children) {
  column-count: 3;
}

Anonymous

#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

Anonymous

#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

#210254

This reply has been marked as private.

Anonymous

#210256

This reply has been marked as private.

Trevor

#210288

This reply has been marked as private.

[Author]

Posts