Amending individual buttons in "Text with columns" sections - Debut theme

Solved
Jamesaevans
Tourist
7 0 5

Good morning all,

I am currently using Debut theme and want to individually amend the button colour and button font colour for each of the three sections within the "Text with columns" sections.

What code and where do I need to update to enable this? I have the colour codes as needed.

Website is: www.dawncoldbrew.com pw: sheela - interested in changing the "Our Coffee" section

Thanks in advance!

KetanKumar
Shopify Partner
20662 2144 7829

@Jamesaevans 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-1620366915583bb81b a.btn {
    background: #000000; /* change color as you like */
    color: #ffffff; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Jamesaevans
Tourist
7 0 5

Thanks for this however quick question - this changes the colour for all three columns - how do I change it so I can adjust the colour for each one independently?

Thanks again!

Jamesaevans_0-1624454025891.png

 

0 Likes
KetanKumar
Shopify Partner
20662 2144 7829

This is an accepted solution.

@Jamesaevans 

thanks for cleat yes please add this code 

remove first code after add this code

#shopify-section-1620366915583bb81b .grid .grid__item:nth-child(1) a.btn {
    background: #a3d8e5;
    color: #3a3a3a;
}

#shopify-section-1620366915583bb81b .grid .grid__item:nth-child(2) a.btn {
    background: #009688;
    color: #3a3a3a;
}

#shopify-section-1620366915583bb81b .grid .grid__item:nth-child(3) a.btn {
    background: #ffc107;
    color: #3a3a3a;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jamesaevans
Tourist
7 0 5

Works! Thanks!

KetanKumar
Shopify Partner
20662 2144 7829

@Jamesaevans 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes