Jen-X Posted June 17, 2022 Share Posted June 17, 2022 Site URL: https://fluid-body.squarespace.com/ Hi there, I'm trying to add an opaque lavender background to the text block in the hero banner but I can't figure out how to do it without it affecting the text. I want the text to remain solid but the background to be opaque. Password to this site: Holualoa Thank you! I am a blogger who launched www.bikekitz.com in October 2018. Link to comment
creedon Posted June 17, 2022 Share Posted June 17, 2022 (edited) Your current rule-set is applying opacity to the entire block, the background color as well as the text. You want to target just the background color using rgba. Change your rule-set to the following. #block-243d679265d1e24a0445 { background-color : rgba( 158, 129, 226, 0.7 ); padding : 20px; } There are converters online if you need to go from hex to rgb. Let us know how it goes. Edited August 16, 2022 by creedon Jen-X and tuanphan 2 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Jen-X Posted June 18, 2022 Author Share Posted June 18, 2022 Works perfectly, thank you! creedon 1 I am a blogger who launched www.bikekitz.com in October 2018. 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