Column Transparency

mcilsamoa · June 2017

Hello, how can rgba(0,0,0,0.2) be applied to a column with background image? refraining from opacity since it'll affect all children.

Kindly advise.

Bryan · June 2017

Hi,

you can add a custom class to the column item, for example: rgba-bg and use custom css, like so:

.rgba-bg {
	background: rgba(0,0,0,.2) !important;
}

mcilsamoa · June 2017

Thanks for the update. Tried that - but its only working when background image is not applied.

Bryan · June 2017

Okay tell me what do you want to accomplish, the background image will always go over the background color.

mcilsamoa · June 2017

Oh ok. Please Im trying to accomplish background image like https://codepen.io/chriscoyier/pen/CkFni

Bryan · June 2017

Please send a link to your page and point to the image you want to change.

I will see if this is possible.

mcilsamoa · June 2017

http://yourcapitaldesigns.com/newsitemcil/services/

They are for the background images of the 5 columns

Bryan · June 2017

Sorry but as I suspected this will not be possible.

mcilsamoa · July 2017

ok thanks for confirming

Comments