Essential grid - shadow

[MatthM]

Hi,

On the home page of https://irisprosolutions.com/ we used an essential grid to display the news articles.
The shadow on the left en right side of the grid is cut-off. Is there a way to resolve this?

Thank you!

[ruenel]

Hello Matth,

Thanks for writing in!

Please edit your grid and in your Grid Settings, add some padding around the grid.

And if the padding isn’t helping, please edit your skin and insert this custom CSS instead:

.esg-overflowtrick {
  overflow: visible;
}

The Google Chrome Developer Toolbar was used to check the live HTML code and find which CSS selector needed in the code above.

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

[MatthM]

Yes! Thank you!
The CSS in the Skin did it!

[matt]

Looks great, Matth! Glad you got it sorted!