Docs

[Fedde]

Hey guys!,

I have a problem that i can’t seem to fix myself regarding the Essential Grid plugin.
URL: http://www.feddewestera.nl/

I want the images to all have separate hover colors. The grid is custom. Hope this is possible.

Thanks in advance!

Fedde Westera

[Rue Nel]

Hello Fedde,

Thanks for writing in! To have a separate hover colors in your custom grid, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.eg-henryharrison-wrapper:nth-child(n+1) .eg-henryharrison-container {
    background-color: rgba(0,33,78,0.75) !important;
}

.eg-henryharrison-wrapper:nth-child(n+2) .eg-henryharrison-container {
    background-color: rgba(255,33,178,0.75) !important;
}
.eg-henryharrison-wrapper:nth-child(n+3) .eg-henryharrison-container {
    background-color: rgba(255,255,178,0.75) !important;
}

Feel free to change the colors so that it will match with your site. You can use this color picker tool: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

[Fedde]

Thanks a bunch! That worked!

[Christopher]

You’re welcome.

[Author]

Posts