PICTURE BACKGROUND WITH A TRANSPARENT COLOUR LAYER ON TOP

nadiasimionato

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

Hi Nadia,

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

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nadiasimionato

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

So maybe you should try below css:

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nadiasimionato

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

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next