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
3352 393 777

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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)
Anonymous
Not applicable
2126 0 0

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

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
3352 393 777

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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Zworthkey
Shopify Partner
3352 393 777

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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
3352 393 777

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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
3352 393 777

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing