How do I change the colour of one button (not globally) in Dawn theme?

CollagenQueen
Excursionist
35 0 2

I would like to know how to change one button on our site without changing the global settings on the page below:

https://collagenstickz.com/pages/cafe-collagen 

 

 

How do I make this button have our preferred background colour (00ADC5) with thin white border and square edges (as per our cart) without making global changes to our theme?



Replies 3 (3)

Ujjaval
Shopify Partner
1242 197 206

@CollagenQueen add below css into base.css file 

.cafe-collagen-section .image-with-text__media {
    border-color: #00ADC5 !important;
    border: solid 1px !important;
}

Ujjaval_0-1685422488286.png

 

ZestardTech
Shopify Expert
5412 975 1300

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    padding-bottom: 150.00000000000003%;
    background-color: #00ADC5;
    border: 1px solid #ffffff;
    border-radius: 0;
}

ZestardTech_0-1685425215922.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
CollagenQueen
Excursionist
35 0 2

Hi ZT, thank you for the solution you offered. Can you confirm your solution will not affect other assets in our website if I implement your suggested change to the base.css file?