Changing Image Opacity

[eknight74]

I am using Enterprise Pro. I have an image displayed in the "home top" division of the page. I used the jetpack image widget. I want the image to be at an opacity of 0.5 with some text in front of it. However, when I inspect the element and change the opacity, it changes the opacity of every picture on the page. I am by no means an expert coder. I must be doing something wrong. Any help would be appreciated. Thanks.

http://bookk

[Victor Font]

Please post a link to your site that works.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[eknight74]

http://www.bookkeepingsherpallc.com

I edited the post to contain the correct link but it didn't save it. Thanks.

[eknight74]

Once the opacity is set correctly, I will need to add text that will overlay on the picture. I haven't done that yet. FYI

[Victor Font]

This will give you the opacity.

#image-2 .jetpack-image-container {
    opacity: 0.5;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[eknight74]

I fixed the opacity of the image prior to seeing your response. Thank you for responding. However, I am not sure how to get the two sections to overlay. I understand the positioning property but am struggling.

<div class="home-top widget-area"><div class="wrap">
<section id="image-2" class="widget widget_image" style="opacity: 0.5;">
<div class="widget-wrap"><div class="jetpack-image-container"></div>
</div></section>
<section id="text-5" class="widget widget_text" style="">
<div class="widget-wrap">
<div class="textwidget" style="">
<h2>Are you a business owner who is....</h2>
<h4>struggling with do-it-yourself bookkeeping?<br>
stressed without a clear picture of your financial position?<br></h4>
<h2>Bookkeeping Sherpa LLC can get you on the right path. </h2></div>
</div></section>
</div></div>

[Author]

Posts