Jump to content

Make section-background class transparent

Recommended Posts

Site URL: https://robhutcharch.com/

Hi, 

My site mostly consists of project pages that are each formatted the same way. On each of my project pages, I've added a down arrow (png image with a transparent background) that scrolls down to a description below. But on wide screens, the section-background for the down arrow cuts off the caption (see screenshot below). Is there a way that I can code this so that the section background is transparent so that it is less likely to crop that text? I've tried targeting the section-background class with basic CSS and haven't had any success. 

Thanks!

 

image.thumb.png.2f02202cd8fc31188a209dc7cd8cf599.png

Link to comment
  • Replies 3
  • Created
  • Last Reply
On 7/14/2020 at 12:36 AM, scottscottsee said:

Add to Home > Design > Custom CSS

[data-section-id="5ecff6d5fae0797396ff8566"] {
    margin-top: 30px;
}

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.