Hi,
I’m trying to disable an overlay for an image but it is not working. The code provided in the KB:
.image-overlay { display: none !important; }
does not hide the arrow and the grey box that overlays it.
Hey slui!
Can you please flush browser cache and refresh your page a few times? It does work fine on my end :)
Regards,
Yigit
Great…I got it to work…
On the same page above the image overlay, I have a title. I’m able to increase the size of it, but not center it nor am able to add text shadow.
Can you assist in this please?
sl
Hey!
That is because following code
.transbox { width: 66%; }
Please remove it :)
Regards,
Yigit
Okay…I’ve created a new CSS class called homepage-title
.homepage-title h2 {
font-size: 48px !important;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.6);
}
works perfectly. Thank you.
sl