StudioNitya

Sorry but no luck 😞

Awesome! I would now like to reduce the opacity of the image in the background when you hover on it and the caption appears. This is the CSS i've been trying to work with: section[data-section-id="61f0360d71ad356043ca6f80"] { .image-block-wrapper a:after { background: #f4f6ea; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .image-block-wrapper:hover a:after { opacity: 0.75; } } Not sure where I'm going wrong. Site URL: https://www.studionitya.com/mobile-mediation-unit-bus-wrap I deleted the section that we were previously looking at and added another. Please find the screenshot of this below. Here is also a screenshot of the section below it which has the effect I'm looking for:

Exactly!

See screenshot above

The image in the section attached. Similar to the hover effect of the two images in the section right below this one.

Site URL: https://www.studionitya.com/mobile-mediation-unit-bus-wrap Hi! I used this forum to get the CSS necessary to create a hover effect on my gallery images; reducing opacity of the image while the caption shows up on the image center. I need to add a heading section to some pages and would like this same effect with the images and captions so it looks consistent throughout the site. Can anyone help? On this page (https://www.studionitya.com/mobile-mediation-unit-bus-wrap) you will see the gallery section that is already customized above the footer and the heading section I'm trying to replace it with right above the gallery section. Please let me know if you need any more info from me.