End of Support for Joomla 3 - Forum closed

Set opacity for content background

Set opacity for content background was created by mission2party

Posted 8 years 3 weeks 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
[img
fotos hochladen

Thanks for your help

Wolfgang

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

Replied by joomlaplates on topic Set opacity for content background

Posted 8 years 3 weeks 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;
}

Last Edit:8 years 3 weeks ago by joomlaplates
Last edit: 8 years 3 weeks ago by joomlaplates.
The following user(s) said Thank You: mission2party

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

Replied by mission2party on topic Set opacity for content background

Posted 8 years 3 weeks 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); }

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

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License