How can I change the background color of a custom text section?

[charhill]

Hello! Can anyone please help me change the “Love Letters” custom text section background colour on my site? eveandkin.com?

[Ujjaval]

@charhill
add below css into your css file

.custom-content {
    background-color: antiquewhite;
}

[charhill]

Thank you so much. Do you know how to include the white margins at the top and bottom of the section?

[charhill]

Thank you so much. Do you know how to include the white margins at the top and bottom of the section?

[Ujjaval]

@charhill
add below css for that

.index-section {
    margin: 174px 0 !important;
}

[charhill]

That has added two huge white margins? Do you know how I change the colour of them?

[charhill]

.index-section {
margin: 10px 0 !important;
background-color: #e2dad1;
}

This has reduced the size of the margins and has changed the bottom margin colour.

Does the margin on top belong to the section above? Or can I just add a line to this div to include it?

[websensepro]

Go to Backend ->Online Store->Customize ->Custom CSS →

.rich-text {
background-color: red;
}

then solved

[charhill]

It hasn’t worked.

[Ujjaval]

@charhill
Add below css if you want something like this?

#shopify-section-9d158854-d562-436b-877c-ec8da4ab7452 .rte {
    height: 250px;
   margin-top: 30px;
}
.custom-content {
    margin-top: 100px;
    margin-bottom: 100px;
}

[charhill]

[charhill]

I’ve nearly got it! I just need to fill this gap now.

[Ujjaval]

@charhill
add below css if you want to fill the gap

#shopify-section-9d158854-d562-436b-877c-ec8da4ab7452 .index-section {
    margin: 0px !important;
    background-color: #e2dad1;
    padding-top: 15px;
}

[charhill]

It’s worked, but won’t let me save the changes. I’ve tried on my laptop and my shopify app.

[charhill]

Is there a reason Shopify doesn’t want to save this code?