Jump to content

How to add an opaque color background to a text block while keeping the text solid.

Recommended Posts

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 by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.