Background colour not going across

[kirsten11123]

Hi - I'm using the theme 'Stiletto' and I have set certain rich text sections to have background using custom css. However no matter what I try, the background doesn't span across the full width on extra large desktop screens. Normal sized screens + mobile seem to be fine. 

 

Can you see what my issue is in the code?

https://6avus8gq4ba33xrb-88967512345.shopifypreview.com password: hellobgc1

[Dan-From-Ryviu]

Hi @kirsten11123 

You add a background for inner containers, not wrap containers. Please add this additional CSS code to your Customize CSS in Online Store > Themes > Custize > Theme settings to add background for those 2 sections. 

#shopify-section-template--23085828964633__rich_text_PaAPCx,
#shopify-section-template--23085828964633__rich_text_BkFYHf { background-color: #1f1816; }

[Roy-ロイ · Accepted solution]

The section seems to have the "max-width" property which is restricting it to span out completely. 
Please use the below CSS (Change the CSS selector if you want to target those two specific sections): 

[data-section-type="rich-text"] {
    max-width: unset;
}

[kirsten11123]

This is great - thank you!

[namphan]

Hi @kirsten11123,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.rich-text.section {
    max-width: 100%;
}