Essential grid - unwanted black lines

[marcoalvarez]

Essential grid is creating unwanted black border line/s around images on an Instagram stream grid on both mobile and desktop. How do I get rid of them?

[tristup]

Hi @marcoalvarez,

Thanks for reaching out.
That is due to the background color of each cell. You can add the following custom CSS code to the Page CSS to set it to the transparent.

.esg-grid .mainul li.eg-washington-wrapper
{
    background-color: transparent;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[marcoalvarez]

Thank you. I changed the background colour in the Essential Grid skin editor instead of using the page CSS. It was not immediately obvious that a background colour was being applied by default.

[tristup]

Hi @marcoalvarez,

Glad to know that is now working.

Thanks