Jump to content

FreyaRoseTanner

Circle Member
  • Posts

    0
  • Joined

  • Last visited

Reputation Activity

  1. Like
    FreyaRoseTanner reacted to JoseG in Image Card and Stack blocks on 7.1: No option to add a background colour for the text area   
    Hi all,

    I came upon a solution by trial and error. 

    The following allows you to apply a background to all Image Card blocks, including the stacked configuration. You'll have to look up the hex code for the color you want to use of course.

    I then found that the text inside said cards was too close to the edges - something that isn't as noticeable when there is no background; it's especially apparent on mobile. I therefore added a bit of padding, which you can see in the code below (excuse my syntax).

    Hope others are helped by this! 
     
    .design-layout-card { background: #FFFFFF; } .design-layout-card .image-card>div { padding-left: 5%; padding-right: 5%; padding-top: 5%; padding-bottom:5%; } }  
×
×
  • 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.