I have a meta tag that defines a color which I plan to use in multiple sections of my code.
#wrapper #content .post {
font-family: {font:Body};
background-color: rgba(255,255,255,0.9);
{block:IfRoundedCorners}border-radius: 9px{/block:IfRoundedCorners};
padding: 10px;
position: relative;
left: 100px;
border: 1px solid #000000;
box-shadow:rgba(0,0,0,0.1)10px 10px;
margin-bottom: -20px;
}
Instead of setting the background color to white with an opacity of 0.9, I am wondering if it can be dynamically set to reflect the color defined in my meta tag {color:Posts} while still maintaining the opacity of 0.9.
Previously, I tried replacing the line background-color: with
background-color: {color:Posts};
opacity:0.9;
Unfortunately, this caused everything within the .post section to also become transparent, which is not the desired outcome as I only want the background to be see-through.
The reason for wanting it to reference the meta tag is so that if I ever decide to change the color scheme of my page, I can make updates at the top of my code rather than having to modify every instance of its usage.
It's important to note that the meta tag uses a HEX value format, such as #FFFFFF, instead of RGB values like 255,255,255.
Do you have any suggestions or ideas on how to achieve this? Thank you in advance.