As I embark on the journey of launching my website, I am faced with the challenge of working with CSS for the first time. I decided to purchase a custom theme from themeforest to kickstart my project. My goal is to have two background colors on my website: a primary and a secondary color.
For reference, here is an example page: . What I am aiming to achieve is to maintain the orange background while introducing a white background behind the text to enhance readability and overall aesthetics.
Although my theme allows for custom CSS modifications (which I have used for changing the global font color), I am unsure about how to properly add the background effect. I have attempted the following code snippet:
#subbackground
{
width: 65%;
height: 100%;
background-color: #D9D9D9;
opacity: .2;
margin-left:-32.5%;
width:65%;
left:50%;
position:fixed;
z-index: 2;
color:#ffffff;
}However, upon entering this custom CSS code, I did not observe any visible changes on the website.
I appreciate any assistance on this matter. Thank you in advance!