Background not true to the set RGB value on the Sense Theme

BaconBec
Visitor
2 0 1

I recently uploaded a blog post with a featured image that is transparent expecting that the background will match the background of my webpage. Instead it shows a slightly lighter green. I look into the code to make sure it's not set as a different color, and found that even if I hard code it to be the background value, it keeps showing a different color green. I tried testing out with different value rgb already so I know for sure that I'm in the right section, as changing the value changed the featured image container:

 

 

background-color: #f0f0f0 /*hard code value to test*/
background-color: rgb(var(--color-background));

 

 

Screenshot 2023-11-14 174905.png

 

I'm pretty stumped and don't know where else to look. I'm currently using the Sense theme. Other than this container I do see that this green shows up as a "background" color a few other places as well and not matching the rgb value I was using in the schemes shown above (#25463C).

 

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6037 1450 1788

Hi @BaconBec 

Check the opacity of that background. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


BaconBec
Visitor
2 0 1

I tested out with the opacity which results in the following:

background-color: rgba(255,0,0,1.0);

 gives a red background

background-color: rgba(255,0,0,0);

 gives the light green background.

 

This means that the container background is completely transparent right now and I'm seeing through to whatever is the website background. So now, if the website background has a different opacity, do you have some idea where I can find this in the code or setting?