Callan Posted July 19, 2020 Share Posted July 19, 2020 Hi all, I'm having trouble changing the opacity of a heading background color in the custom CSS field. I'm using the code below and thought the .5 in the final line would make opacity 50%. But it isn't working for some reason I can't figure out. #block-yui_3_17_2_1_1595131393232_6522 { padding-top: 20px; background-color: #292b47; /* fallback for old browsers */ background-color:rgba 41, 43, 71, .5; } The attached screenshot is how the block renders. Link to comment
Callan Posted July 20, 2020 Author Share Posted July 20, 2020 Hi RWP, the rgba format is not working as suggested for some reason. And the opacity: 0.5 script applies to the whole box area, text and background. I want only the background color to be transparent. Link to comment
Callan Posted July 20, 2020 Author Share Posted July 20, 2020 It's not live yet, sorry. Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 Set it up password protected and pm the password. Link to comment
Callan Posted July 20, 2020 Author Share Posted July 20, 2020 OK, tell me if you can't access this: https://flute-penguin-hjsr.squarespace.com/ p/w: opacity20072020 Link to comment
rwp Posted July 20, 2020 Share Posted July 20, 2020 You still have the syntax for rgba incorrect #block-yui_3_17_2_1_1595131393232_6522 { padding-top: 20px; background-color: rgba(41,43,71,.5); } Link to comment
Callan Posted July 20, 2020 Author Share Posted July 20, 2020 Aha, got it. thanks for your help! rwp 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment