End of Support for Joomla 3 - Forum closed
Set opacity for content background
- mission2party
- Offline Topic Author
- Fresh Boarder
- Posts: 4
- Thank you received: 0
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
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
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;
}
How to set up the template with opacity color in the background?
See screeshot for better understanding
Thanks for your help
Wolfgang
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
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
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
www.joomlaplates.de/dokumentation.html
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.
- mission2party
- Offline Topic Author
- Fresh Boarder
- Posts: 4
- Thank you received: 0
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.
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