Adding CSS to a "Column" item - Transparency background

leo_fleury · December 2015

Hi,

I would like to add transparency to a white background of a column item.

_

Section

Wrap

Column

_

I tried to add CSS.

I added a Custom classes in the settings of the column item called "whitebox"

I thought that adding (below) to the CSS custom on the page would do the trick, apparently not, what am I doing wrong?

___

whitebox {

opacity: 0.5;

}

Help?

Regards

Albert · December 2015

Hi,

please send us link to page where you did it so we can have a look.

flygrrrl · January 2016

Hi, has there been a solution, I'm searching the forum now with this 'problem'. I would like to have the same I think, instead of a full background color of the column I want it with some transparency, so that the image underneath is still visible. (and the color not that hard)

flygrrrl · January 2016

thnx already for your answer!-)

Albert · January 2016

@flygrrrl Did you sorted it already? If not, please send us link to page where you want to do this.

flygrrrl · January 2016

Hi muffingroup, yes, a little bit.. I'm just trying, but this is the example:

http://www.woutersensarsproducties.nl/WP2015/home2proberen/

It's about the green column with text.

Thnx!!

Albert · January 2016

What you need to do is set custom class name for the column where this item is and then use the following css:

.custom-class-name.column > .align_left { background-color: rgba(255,255,255,0.5) !important; }

flygrrrl · January 2016

Whoohoo! It works! Ànd I know now how the custom classes works!

Thanks a lot!

Albert · January 2016

You are welcome!

boristka2842 · July 2016

Hi,

I have the same pb, I'd like to put transparent grey on that Column

http://lahoja.paris/la-fondation/

Thks in advance

Albert · July 2016

@boristka2842 Please take a look above once again where everything has been explained. All you need to do is:

1. SET CLASS NAME FOR THE COLUMN
2. SET THE FOLLOWING CSS UNDER THEME OPTIONS > CUSTOM CSS & JS > CUSTOM CSS SECTION:

.custom-class-name.column > .align_justify { background-color: rgba(255,255,255,0.5) !important; }

boristka2842 · August 2016

thank you !

Albert · August 2016

You are welcome!

Adding CSS to a "Column" item - Transparency background

Comments