-
AuthorPosts
-
February 5th, 2017 at 00:35 #42448
Hello, I used this code to adjust the color, however the site does not interpret the alpha channel settings.
#frontpage {
background-color: rgba(255, 206, 82, .5);
}also tried the body #main which did not even change the color.
Thanks
February 5th, 2017 at 13:21 #42462Zed
Cryout Creations mastermindThe browser does the interpreting. If the rule doesn’t work you’re either applying it to the incorrect element, or the custom style is not specific enough and gets overwritten by existing styling.
Try
body #frontpage { ...Note that the #frontpage element is located on top of a different layer which already has a white (configurable) background, so any semi-transparent color you’re applying will be applied to that background, it will not make the content background semi-transparent all the way down to the site background.
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.February 7th, 2017 at 10:39 #42553I know I have selected the correct element because the color changes when I change the color numbers.
The reason the background image was not showing through is I had the same color set for the background of the content. I removed the callout numbers and the alpha channel is now adjustable. Thank you.
February 7th, 2017 at 11:31 #42555here is the css code:
#pp-afterslider {
background-color: rgba(255, 206, 82, 0.8);
margin-top: -20px;
margin-right: 0px;
margin-left: 0px;
padding-left: 3%;
padding-right: 3%;
padding-top: 2%;
} -
AuthorPosts
The topic ‘How to make home page content background translucent?’ is closed to new replies.