PICTURE BACKGROUND WITH A TRANSPARENT COLOUR LAYER ON TOP

nadiasimionato · April 2015

Hello,

I'm trying to understand if it's possible to define a background image in muffin builder, with a layer of black with transparency 50% for example on top of it, so that the text is well visible.
thank you for your help

Nadia

Albert · April 2015

Hi Nadia,

do you have any example of what you mean? Not sure if we think about the same.

Thanks!

nadiasimionato · April 2015

http://www.cohouse.it/betheme/portfolio-item/cohousing-chiaravalle/

i used a fancy heading item, on the background there's an image i would like to fade a littlebit, because the heading isn't visible this way.

Albert · April 2015

So maybe you should try below css:

.fancy_heading_line { background: rgba(255,255,255,0.7) !important; }

nadiasimionato · April 2015

Thank you very much, it works properly!
I suppose that if i want to do the same with other items, i should add CSS lines where instead of fancy_heading_line i shuold write the name of the shortcodes, right?

What if i want to do the same, but locally (so that i can change the colours according to the portfolio page as well?

thank you so much for your prescious support!

nadiasimionato · April 2015

actually can i define a class instead? so that i can use the same class for different items?
for instance something like:
.class_dark_background { background: rgba(0,0,0,0.5) !important; }
instead of:
.fancy_heading_line { background: rgba(0,0,0,0.5) !important; }
?

Albert · April 2015

You can do whatever you want but you must use classes for items or sections. More information about customizations via css and Firebug you can read on http://themes.muffingroup.com/betheme/documentation/#theme-customizations

Thanks!

PICTURE BACKGROUND WITH A TRANSPARENT COLOUR LAYER ON TOP

Comments