Docs

[Classtoglass]

Hi I have an issue with The Grid which I’ve added into a column using the Visual editor.

The Grid seems to take over the whole page and is not contained within the column where I have placed it.
I would like the Grid to appear in the right hand column and display three products per row on a large screen. However, no product images are displayed and when you hover around the page it seems to have a very large image link in the background

See the page here
http://www.classtoglass.com/our-wine-cellar/red/coonawarra-estate-wynns-2014-shiraz/

Many thanks
Phil

[Classtoglass]

I would also like to change “The Shop” Text on these pages to read “Our Wine Cellar” can you please help with that as well?

Many thanks
Phil

[Christopher]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Classtoglass]

This reply has been marked as private.

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

.single-product .x-content-band .x-column {
    position:relative;
}

Hope that helps

[Classtoglass]

Hi I have added the Code above to the Global CSS as you have suggested and whilst the grid is now contained within the column i’ve placed it in, it does not show any of the product images still, and when I hover over it, the whole thing seems to be a link. See attached

Many thanks for your help

[Classtoglass]

added screenshot showing hover over the grid

[Classtoglass]

The Grid seems to work ok on this page when it is not contained within a small column,

http://www.classtoglass.com/our-wine-cellar/

However I would like to use the grid as a navigation tool in the right hand column and it looks like this should be possible to do.
Thanks again for your help

[Rad]

Hi there,

Please use another grid with a just single item. It happens because the height proportionally changed to its width, and that grid is almost square and not the vertical rectangle. It looks good here http://www.classtoglass.com/our-wine-cellar/ because the total width and height are big and almost square.

Or use Essential Grid instead, it has columns and max rows setting that you can set and each item will collapse vertically.

Thanks!

[Classtoglass]

OK Great, I’ve used the Essential grid and this is working ok.
Many thanks
Phil

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts