Docs

[Sedu]

Hey X-Team!

hope you can help me again.
I’ve created a new essential grid with the grid layout: “even” and an aspect ratio of 4:2. My Skin is a custom new skin, because I don’t use the grid with images, so only with text content of my portfolio items.

It look pretty well in the desktop view, but for a screen size at 654px it switches to one row (i need it for mobile phones, thats okay!). But the grid-items now have a very ugly grid height. Is it possible to fix the max height for this special grid to (for example: 150px).

Later there will be several essential grids on one page with different content heights. So i add a CSS info in the essential grid called “cremegrid”.

I attached a Screenshot of the view I want to change.

thank you for your help

[Sedu]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! To have a maximum height for you grid items, you can make use of this css code:

#fruchtiggrid .esg-grid .mainul li.eg-products-wrapper,
#fruchtiggrid .esg-entry-cover {
    min-height: 150px !important;
    max-height: 150px !important;
}

Hope this helps. Please let us know how it goes.

[Sedu]

I placed your CSS Code in my style.css of the child theme of X, but it doesn’t have any effect to the height.

Do you have another hint for me?

[Paul R]

Hi,

Please add it in Cornerstone > Settings > Custom CSS

https://www.screencast.com/t/UIPW7GRa

Thanks

[Sedu]

Yeahi, it works!

But now there is a big space between the two grids within the old height settings. Is it possible to fix that to the new height?

Thank you so much for the great support every time!

[Rue Nel]

Hello There,

Thanks for updating in! Please update the given css code and make use of this code:

#fruchtiggrid .esg-grid .mainul li.eg-products-wrapper,
#fruchtiggrid .esg-entry-cover {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
}

Hope this helps.

[Sedu]

It’s a pity, nothing changes.

[Christopher]

Hi there,

Please update third section’s bottom padding to 0.

Hope it helps.

[Sedu]

This reply has been marked as private.

[Rad]

Hi there,

How about increasing the 150px? I’m not really sure what’s the issue, the first screenshot has no space which I assume is you wish to fix the height to add space, now that it has space but bigger then you can try increasing the height too.

Thanks!

[Author]

Posts