Make section-background class transparent

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!

Can you share link to page in screenshot?

Hi @tuanphan, here's the link!

https://robhutcharch.com/house-for-locomotives

On 7/14/2020 at 12:36 AM, scottscottsee said:

Hi @tuanphan, here's the link!

 

https://robhutcharch.com/house-for-locomotives

Add to Home > Design > Custom CSS

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