change opacity of background image in content-band – Themeco Community

change opacity of background image in content-band

dav9000 — Wed, 05 Nov 2014 04:09:04 +0000

Hi,
How do I change the opacity on a background image set on a content-band.
I left visual composer and checked in the text editor and it has bg_image=”79″ in the content-band shortcode, so there is no where to add a style for opacity on the image..

thank you.

Reply To: change opacity of background image in content-band

Paul R — Wed, 05 Nov 2014 11:39:17 +0000

Hi,

Thanks for writing in!

You can do something like this.


#x-content-band-1 {
   background: rgba(0, 0, 0, 0.5); 
}

The code will set the background of content band 1 to black with 50% opacity.
Please change it with the color you want.

You can use this link to generate the rgba for your color.

http://html-generator.weebly.com/css-rgba-color-generator.html

You can add it under Custom > CSS in the Customizer.

Hope that helps

Reply To: change opacity of background image in content-band

dav9000 — Thu, 06 Nov 2014 11:41:41 +0000

Hi,
I have a background image in the content band.. so it is the opacity of the background image I need to change….
Also it is for particular pages not all pages…

thanks

Reply To: change opacity of background image in content-band

Cousett — Thu, 06 Nov 2014 14:47:28 +0000

Can you provide us with the specific pages you want to change and your URL in general and we will be happy to help.

Reply To: change opacity of background image in content-band

Fiona A — Thu, 06 Nov 2014 16:34:45 +0000

I was just about to ask this question.

Isn’t there just a general code we could put in the style box?

Reply To: change opacity of background image in content-band

Kosher K — Thu, 06 Nov 2014 19:50:40 +0000

Hi Fiona,

You can try adding this code in style box

background: rgba(0, 0, 0, 0.5); or background-color: rgba(0, 0, 0, 0.5);

Cheers

Reply To: change opacity of background image in content-band

dav9000 — Fri, 07 Nov 2014 09:27:19 +0000

Hi,
The code you gave for Fiona does not work for a background image
,is it possible to change the opacity of a background image in a content band?

thanks

Reply To: change opacity of background image in content-band

Cousett — Fri, 07 Nov 2014 15:26:11 +0000

You can add opacity: 0.5; as a style in VC or add it to the CSS of the content band div.

Reply To: change opacity of background image in content-band

Fiona A — Fri, 07 Nov 2014 15:56:57 +0000

Perfect – cheers!

Reply To: change opacity of background image in content-band

dav9000 — Fri, 07 Nov 2014 17:39:28 +0000

Hello,
using opacity 0.5; in the style for the content-band changes the opacity for everything in the band, not just the background image..