Change menu colour of one item

LRoth
New Member
1 0 1

Hello, 

I am trying to edit a charity website (www.heads2minds.co.uk) to have a 'donate now' menu item which is purple and in bold. I have tried to follow some of the advice I found on the internet (I have very limited coding experience in CSS), but I am struggling to make it work as I do not know where to copy and paste code into the theme.liquid file. Any help would be appreciated!

dmwwebartisan
Shopify Partner
4373 980 1252

@LRoth 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

ul#SiteNav li a[href="/pages/donate-now"] {
    font-weight: bold;
    color: red;
}

 

Above I have given red color so you can change with the color that you want. Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Zworthkey
Trailblazer
145 8 30
a:not([disabled]):hover, a:focus {
    color: #4830ab;
}
0 Likes
Zworthkey
Trailblazer
145 8 30

paste this code to the theme. scss.css

0 Likes