Solved

Dawn theme - second button custom css

Rckymtnsun
Visitor
2 0 2

Hi there, our website is up and running @ www.rmsunscreen.com

On the landing page we are wanting to change the second button text color "Shop Coral Isles Sunscreen" to #EF595D and box outline to #5BC2CD 

 

Is this possible? 

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5127 1223 1497

This is an accepted solution.

Hi @Rckymtnsun 

Do you mean like this?

Made4uoRibe_0-1701298070743.png

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

a.button.button--secondary {
    color: #EF595D !important;
}
a.button.button--secondary:before, a.button.button--secondary:after {
    box-shadow: 0 0 0 1px #5BC2CD !important;
} 

 

  • And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
5127 1223 1497

This is an accepted solution.

Hi @Rckymtnsun 

Do you mean like this?

Made4uoRibe_0-1701298070743.png

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

a.button.button--secondary {
    color: #EF595D !important;
}
a.button.button--secondary:before, a.button.button--secondary:after {
    box-shadow: 0 0 0 1px #5BC2CD !important;
} 

 

  • And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Rckymtnsun
Visitor
2 0 2

THANK YOU!

websensepro
Shopify Partner
873 117 126

Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag.

<style>
a.button.button--secondary {
    color: #EF595D !important;
}
.button--secondary:after {
    box-shadow: 0px 0px 0px 1px #5BC2CD !important;
}
</style>

websensepro_0-1701326790946.png

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here