How can I change the background of an image with text section in Warehouse theme?

[slatty]

Hi,

I am trying to change the background of just one of the image with text section as seen below to the following code: #E1E1E1 does anyone know how I can do this please

Theme: Warehouse
URL: https://jhs2h46popfgkvqv-63671140606.shopifypreview.com

Thanks

[oscprofessional · Accepted solution]

Hi @slatty ,

div#shopify-section-template--16577094385918__3590fe55-e9d4-4ca4-8982-2f6bc2e6734e {
    background: #E1E1E1;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[slatty]

Thanks! @oscprofessional Do you know how I can increase the heading on this section too please

[oscprofessional]

Hello @slatty 

Try this: it will be helpful to you -

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-template--16577094385918__3590fe55-e9d4-4ca4-8982-2f6bc2e6734e .h3.heading {
    font-size: 30px !important;
}

[slatty]

Amazing! Thanks so much

[slatty]

Do you know how I can make all sections including product cards, banners images etc have rounded corners/edges instead of square? @oscprofessional 

[oscprofessional]

Hello @slatty 

Would you mind mentioning which section you'd like to be rounded or please share screenshots with me?

[slatty]

Thanks for responding!

Sure, it's all sections on the homepage - the slideshow, promotional blocks, image with texts, features collection product cards & the buttons on these sections please

Massive thank you again!

[oscprofessional]

Hello @slatty 

Try this code:it will be helpful to you-

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

#block-template--16577094385918__6235d9c4-6db7-4c09-becd-e2d225c2a523-1666458048febdd2b1-1 .promo-block {
    border-radius: 20px !important;
}
.lazyloaded.image--fade-in, .no-js [data-bgset], .no-js [data-bg] {
    border-radius: 20px !important;
}
.product-list {
    border-radius: 20px !important;
}

 let me know if you have any queries.

[slatty]

Hey, that worked a charm thank you! Just the left promotion box edges seem to be square - is it possible to turn off the zoom when hover & see if that changes it?