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

Store Design
1

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?

1 Like
2

@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
Ujjaval_0-1685422488286.png1581×794 324 KB

3

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
ZestardTech_0-1685425215922.png1460×871 391 KB

4

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?