Re: Change Background Colour of Single Section

Solved

Change Background Colour of Single Section

KarenSloan
New Member
5 0 0

Hi, I'm looking to change the multi column section to match my footer which is #FABE77 or set up in my theme as Background Colour-2. 

What code do I need to do this? 

https://ccz4klsftpqfy399-60845031666.shopifypreview.com

Thanks.

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1581

This is an accepted solution.

@KarenSloan 
Add this code in the section-multicolumn.css file.

ul#Slider-template--15317066547442__163532732039908f6b {
    background-color: #FABE77 !important;
}
.multicolumn-card__info h3 {
    margin-top: 20% !important;
    font-size: 24px !important;
}
.rte p {
    font-size: 24px !important;
}

Thank You.

View solution in original post

Replies 8 (8)

Not applicable

Hii, @KarenSloan 
Can you give me a screenshot so,
I can solve it perfectly.
Thank You.

KarenSloan
New Member
5 0 0

Screen Shot 2021-10-27 at 10.35.08 pm.png

KarenSloan
New Member
5 0 0

Thank you anychnace you know how i can make the text larger and also centred in that section too?

Zworthkey
Shopify Partner
5581 642 1581

This is an accepted solution.

@KarenSloan 
Add this code in the section-multicolumn.css file.

ul#Slider-template--15317066547442__163532732039908f6b {
    background-color: #FABE77 !important;
}
.multicolumn-card__info h3 {
    margin-top: 20% !important;
    font-size: 24px !important;
}
.rte p {
    font-size: 24px !important;
}

Thank You.

Zworthkey
Shopify Partner
5581 642 1581

@KarenSloan 
If helpful, please Like and Accept Solution.

KarenSloan
New Member
5 0 0

Screen Shot 2021-10-27 at 11.27.20 pm.pngThank you. Any chance you know why the colour is dull in the 2 columns compared to the middle? and is there a way to make it all the same?

Zworthkey
Shopify Partner
5581 642 1581

Remove the previous code and Add this.

.multicolumn-card
{
background-color:#fabe77!important;
}

@KarenSloan 
Thank you.

 

Zworthkey
Shopify Partner
5581 642 1581

@KarenSloan 
Paste this code on top of the section-multicolumn.css file.

.multicolumn-card {
    background-color: #FABE77 !important;
}

Thank You.