How can I change the color of a specific button on my website?

Hi all,

On my side navigation, you will notice the buttons are black with white text. What I am wanting to do is make one of the buttons green. Its the top button that states “Join Today!” Since that is the main action button, I think having it a different color would be the most effective and also look the best too. Any idea how I would go about doing that?

Thanks in advance!

www.PennsylvaniaParks.org

Hi @Justin34 ,

Open your code editor. Go to your admin store > Themes > Actions > Edit code. Find the Assets folder, then open the file theme.scss. Then paste the code below. If this solve your problem. Please choose it as a solution. Thank you

#SiteNav > ul.list--nav > li:nth-child(1) > a {
background: green !important; 
}

Hii @Justin34

Welcome to the Shopify community!
Thanks for your good question.

Go to Online Store->Theme->Edit code
Asset->/theme.css ->paste below code at the bottom of the file.

.site-nav__item:first-child {
border-top: 1px solid black;
background: green !important;

}
Solution :

If this post is helpful,Kindly Like and Accept this as a solution.

2 Likes

Worked perfectly. Thank you!

1 Like