Change Background Colour of Single Section

Solved
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)

Accepted Solutions
Zworthkey
Shopify Partner
2562 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 8 (8)
Varun_Mishra
Trailblazer
193 20 43

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on This Email regarding any help.
KarenSloan
New Member
5 0 0
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
2562 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2562 308 641

@KarenSloan 
If helpful, please Like and Accept Solution.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
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
2562 308 641

Remove the previous code and Add this.

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

@KarenSloan 
Thank you.

 

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2562 308 641

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

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

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com