Extend background color so it goes edge to edge? Pic included

Store Design
1

Hello, I have text on my site that I would like to extend the background color so it goes wider (edge to edge) instead of just a color box just around the text? is this possible? pic below

URL: infinibuddy.myshopify.com

Pass: ecog

Capture.JPG
Capture.JPG1324Ă—919 67.1 KB

2

Hi there!

Add the following to the styles.css file:

#shopify-section-template--15839432212637__1639669104ffa0f192 {
	width: 100% !important;
}

#shopify-section-template--15839432212637__1639669104ffa0f192 .section > .container {
	max-width: 750px;
}

The thing is, this is overriding a width: 50% rule that was applied to this specific section, so a better approach would be to see if your theme customizer can achieve this effect with a “fullwidth” setting for the section or something of that nature.

2 Likes
3

@valiermedia You’re awesome! Thank you very much for your help :slightly_smiling_face:

2 Likes
4

Happy I could help! Be well and reach out for Shopify advice/assistance anytime

2 Likes
5

I am having issues with this on boost theme. I am currently editing it in demo mode for a client.