[Chris Haught]

Hi,
I searched the forums and tried several short codes without luck, so I hope you can help!
I’d like to have only the grid show, not all the listings underneath.
http://springhomeandgardenfair.com/directory/
TIA!

[Steven Zahm]

@ Chris

You are going to need two pages.

Navigate to to the Connections : Settings admin page and click the Display tab. Disable the “Display the categories above the results list?” if you have it enabled.

Create a second page and add the [connections_category] shortcode to it. You’ll need to set the force_home option. Here’s an example:

[connections_categories force_home=true]

Now your category image grid and listing are on separate pages.

Hope this helps!

[Chris Haught]

Thanks, appreciate the quick response. That is exactly what I needed.
Two more questions please?
1.How can I remove the little black squares seen here? I thought it was the them, but they don’t appear on the newly created page.
2. On the newly created page here, the last row of images are stretched out.
Any suggestions? Thanks

[Steven Zahm]

@ Chris

re: How can I remove the little black squares seen here? I thought it was the them, but they don’t appear on the newly created page.

Those are being added by the theme. Theme is actually overriding the styles in Connections.

Add the following to the theme’s custom CSS area:

ul.cn-category-image-container li.cn-category-image-block {
    list-style: none;
}

re: On the newly created page here, the last row of images are stretched out.
Any suggestions?

Well, the images are square like they should be. Something is messing with the heights. Try adding the following to the theme’s custom CSS area:

ul.cn-category-image-container .cn-category-image-block img,
ul.cn-category-image-container .cn-category-image-block .cn-term-image-none {
        height: inherit;
}

That should help, let me know.

[Chris Haught]

Thanks, worked to remove the dots!

[Author]

Posts