Re: change colour of a menu item

Solved

How can I change the color of a menu item in Craft theme?

VividHome
Tourist
5 0 4

Hi all,

 

I want to change the button "Uitverkoop" in my menu to red.

VividHome_0-1692712448031.png

 

However i cannot find the solution to do so. I have tried a lot of solutions given here on the forum but it wont work. 

I use the Craft theme.

i also want it to be red in the mobile version.

 

Can anyone help me out?

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10038 2387 3014

This is an accepted solution.

Thank you for the information. Try this one. 

  • 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:

 

 

 #HeaderMenu-uitverkoop > span {
    color: red;
}
@media only screen and (max-width: 989px){
a#HeaderDrawer-uitverkoop {
    color: red;
}
}

 

 

  • And Save.
  • This will show also in the mobile.

I hope it help. 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 5 (5)

StudioEnchant
Shopify Partner
249 40 41

Hey, please provide the store URL

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.

Made4uo-Ribe
Shopify Partner
10038 2387 3014

Hi @VividHome 

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

VividHome
Tourist
5 0 4

sorry i forgot

 

https://834337.myshopify.com/

 

abahpa

Made4uo-Ribe
Shopify Partner
10038 2387 3014

This is an accepted solution.

Thank you for the information. Try this one. 

  • 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:

 

 

 #HeaderMenu-uitverkoop > span {
    color: red;
}
@media only screen and (max-width: 989px){
a#HeaderDrawer-uitverkoop {
    color: red;
}
}

 

 

  • And Save.
  • This will show also in the mobile.

I hope it help. 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
VividHome
Tourist
5 0 4

Thank you! it works now.