How to start styling

Anonymous

#138997

Hello,

I’m also looking to implement similar style. Can you share how to do that please?

Trevor

#139186

I split this post from this thread:

https://support.searchandfilter.com/forums/topic/how-to-start-styling/

I had not seen your post at the end of that post, so I apologise for the late reply.

Perhaps you could explain what you have (maybe a link/URL) and what you want to do to it by way of styling (maybe an image – which you would need to upload to an image sharing site and give me the link – or maybe a link/URL to a sample styled layout on your site)?

Anonymous

#139297

This reply has been marked as private.

Trevor

#139402

What theme is this site based on?

Specifically, the screenshot of the ‘ideal’ look page, is that from a similar page in your site?

Do you have a page builder or grid builder plugin?

Also, when looking at the page source (ctrl+U in my Windows Firefox browser), I can see a number of malformed HTML tag issues (they show in red in Firefox).

Anonymous

#139457

Site was done by 3td party developer and here is what is in theme description:
“Responsive theme based on the Bootstrap framework with Bones.”

“Ideal Look” is just another site I used as an example; I just want the results of the filter to show in a grid form instead of a list (2 columns)

I don’t have a page or grid builder; can you recommend something that I can use with WP?

I saw the html tags as well, but strangely enough it is NOT in the source when I look in WP editor “text”!!! I suspect it is generated on the fly by some plugin.

Trevor

#139462

The one that is free and I know works with our plugin easily is this:

https://siteorigin.com/page-builder/

For a paid one (needs our free addon plugin as well to link the two together):

https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431

(this last one is the market leader I think).

Anonymous

#139464

Thanks, I will give page builder a try.
Can you share general steps of what needs to be done to get Search & Filter use the page built by Page Builder to display my results?

Trevor

#139466

I assume you would be using the SiteOrigin plugin.

In the form design, on the Display Results settings tab, you need to set it to Custom.

Then you need a page for the results to appear on. Above the posts grid that you would make with the Page Builder you need a text element to insert a shortcode, similar to the normal results shortcode:

[searchandfilter id="1428" action="filter_next_query"]

Where the ID matches the one of your form.

If using Ajax, I cannot remember the correct Ajax Container, but if you get this far, test it without Ajax first (Ajax OFF), and then show me the page so I can see and tell you what the correct container name is.

[Author]

Posts