Docs

[blissmarketing]

hello is there a way with essential grid to make it not have a skin so nothing changes when you scroll over it

i am using it to display pictures but i dont want them to change when i hover – no skin / no titles etc

see attached screenshot – the image with mouse on goes black and white

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[blissmarketing]

This reply has been marked as private.

[blissmarketing]

have just sent details in private – its the first set of pictures on the hompeage

[Christopher]

Hi there,

If you don’t want to display additional information on hover, why don’t you add image element to your page?
Add a section, divide it into three columns, enable ‘marginless columns’ option and add one image in each column. This give you the result you’re looking for.

Thanks.

[blissmarketing]

hello thankyou for your reply…
we like the essential grid function when the page is responsive
is there no way to just turn off the hover effect on this grid?
surely there must be a way?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.esg-entry-cover.esg-fade {
    display: none !important;
}

Hope that helps.

[blissmarketing]

amazing – thankyou – that worked — but it did it for all of them — is there a way to do for a particular skin?

[Rue Nel]

Hello There,

Thanks for the updates! If you want to apply it to a specific skin, simply use this code:

.eg-skin-name-wrapper .esg-entry-cover.esg-fade {
    display: none !important;
}

Please make sure that you inserted the correct skin name.

Hope this helps.

[Author]

Posts