Mania Posted February 8, 2021 Share Posted February 8, 2021 I have an issue with the effects of one code displaying only when I go to Design --> Custom CSS. It has to do with this code specifically, which creates a translucent-white background for text in a specified block: #block-848b3e4b0bc6ae27ccc5 { <---- my block ID background-color: #f0f0f088; padding: 1px; text-align: center; } Any ideas what went wrong? Link to comment
tuanphan Posted February 9, 2021 Share Posted February 9, 2021 Can you share site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mania Posted February 13, 2021 Author Share Posted February 13, 2021 https://swan-trombone-y58x.squarespace.com/ pass: Swan Link to comment
tuanphan Posted February 14, 2021 Share Posted February 14, 2021 22 hours ago, Mania said: https://swan-trombone-y58x.squarespace.com/ pass: Swan change background to this background-color: rgba(240,240,240,88); Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mania Posted February 15, 2021 Author Share Posted February 15, 2021 This is nice, because the background color is stable now, but it's not transparent /translucent. It's just solid gray. Is there a way to keep the transparency/opacity effect which I had with the alpha: 88? #block-848b3e4b0bc6ae27ccc5 { background-color: #f0f0f088; <--- the 88 is the alpha (responsible for the translucency, color opacity) padding: 1px; text-align: center; } Link to comment
Mania Posted February 15, 2021 Author Share Posted February 15, 2021 I found the solution #block-848b3e4b0bc6ae27ccc5 { background-color: rgba(240,240,240,0.4); the 0.4 is the 40% opacity effect padding: 1px; text-align: center; } Thank you! Link to comment
tuanphan Posted February 17, 2021 Share Posted February 17, 2021 Yes. Sorry, typo, 0.88 not 88 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.