- This topic has 5 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
-
Posts
-
Hello,
How can I change opacity of the background color of various content in this theme ?For example I noticed that the posts have a white solid opacity however Pages are transparent (which can be difficult to read sometimes depending on the background picture)
I’d like to have a white just with just a bit of opacity to text stay readable no matter background picture is scrolling.
Hello juh,
If you can provide us your site url, we will observe and can provide you possible solutions. Also if you are more specific with screenshot it will help us to provide you custom CSS.
Thanks
Sure, it’s here http://juh.com.fr/
So if you go here for example http://juh.com.fr/index.php/blog/ it is where each post is posted and the default background on post it solid white.
But if you go here http://juh.com.fr/index.php/galerie/ , it is a page, and the default background is transparent so sometimes the word “Photos” is hard to read.
Same if you go here http://juh.com.fr/index.php/categorie-produit/vetements/tshirts/ or in the basket page http://juh.com.fr/index.php/panier/ you can see that sometimes the text is hard to read because the background is transparent so with the background picture behind it’s hard to read.
I’d rather be able to put a white with some opacity so we still see a bit of the background picture but it doesn’t impact the readability of the text in the page.
Can you try this custom CSS
#primary, .secondary-sidebar { background: #fff; padding: 10px; }Thanks!
Perfect! it works !
And now with RGBA I can play with the opacity 🙂
#primary, .secondary-sidebar { background: rgba(255, 255, 255, 0.8); padding: 10px; }Thanks a lot !
- The topic ‘opacity / transparancy’ is closed to new replies.