How to change color of space between content containers or get rid of bar spacer

How to change color of space between content containers or get rid of bar spacer

CampCarolina
Tourist
6 0 3

I either need to delete or change color of the black spacebetween my top section and featured collection. I have searched extensively about this and I am hoping someone can help!Screenshot 2025-03-17 at 10.36.05 AM.png

Replies 6 (6)
CampCarolina
Tourist
6 0 3

When I adjust the bottom padding of the section above the features collection it just makes more green space below the "shop" button and image. This tells me it is not a padding adjusment I can make easily with the Customize feature.

 

All background color on all pages is the same Color Scheme with this forest green set as background color

 

I'm guessing this is some weird issue with the theme HTML. The black color is what the original color scheme of the background was, so again guessing it's somewhere in the HTML that I can not find

CampCarolina
Tourist
6 0 3

lots of items in base.css say "color-forground", Should I change any of these to a color code or "--color-background"? code snippets I found:

 

hr {
border: none;
height: 0.1rem;
background-color: rgba(var(--color-foreground), 0.2);
display: block;
margin: 5rem 0;
}

 

 

.background-secondary {
background-color: rgba(var(--color-foreground), 0.04);
}

 

 

.placeholder {
background-color: rgba(var(--color-foreground), 0.04);
color: rgba(var(--color-foreground), 0.55);
fill: rgba(var(--color-foreground), 0.55);
}

 

 

.media {
display: block;
background-color: rgba(var(--color-foreground), 0.1);
position: relative;
overflow: hidden;
}

 

Thank you so much for your help!

CampCarolina
Tourist
6 0 3

YES! We've done it! What finally fixed the color of the bar was going into Theme Settings under Colors like you suggested and changing Scheme 1's background color. Although I had Scheme 6 applied to all containers on the website, the theme was still defaulting to Scheme 1. THANK YOU SO MUCH!!!

devcoders
Shopify Partner
1290 151 367

Hello @CampCarolina 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
CampCarolina
Tourist
6 0 3
CampCarolina
Tourist
6 0 3

I fixed it! I needed to adjust the background coor of scheme 1, even though I had scheme 6 applied in all locations!! Thanks for taking the time though, I appreciate it!