Set opacity for content background

mission2party
Offline Topic Author
Fresh Boarder
Posts: 4
Thank you received: 0

Set opacity for content background was created by mission2party

Posted 9 years 4 months ago #15688

Hello there,

I'd like to set the background color from header, content, footer... with opacity, so that the full screen background image is viewable through the logo/content/cooter section.

I tried to insert the following code into custom.css

Code:

/* Bg Wrapper (effect to joomlaplates.css)
-------------------------------------------------*/
.uk-container {
	background-color:#0000;
    opacity: 0.7;
}

It works, but it takes effect to all images and elements displayed on site, even. logo, gallery e.g.

How to set up the template with opacity color in the background?

See screeshot for better understanding

fotos hochladen

Thanks for your help

Wolfgang

by mission2party

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8872
Thank you received: 1743

Replied by joomlaplates on topic Set opacity for content background

Posted 9 years 4 months ago #15696

Hi there,
please use "rgba" instead of opacity for background colors

.uk-container {
background-color: rgba(0, 0, 0, 0.7);
opacity:1;
}

Dokumentation:
www.joomlaplates.de/dokumentation.html

Last Edit:9 years 4 months ago by joomlaplates

Last edit: 9 years 4 months ago by joomlaplates.

The following user(s) said Thank You: mission2party

Please Log in or Create an account to join the conversation.

mission2party
Offline Topic Author
Fresh Boarder
Posts: 4
Thank you received: 0

Replied by mission2party on topic Set opacity for content background

Posted 9 years 4 months ago #15705

It works,
but you also have to delete the opacity.

Code:

/* Bg Wrapper (in joomlaplates.css Line 34)
-------------------------------------------------*/
.uk-container {
background-color: rgba(0, 0, 0, 0.7);
}

by mission2party

Please Log in or Create an account to join the conversation.