Hey,
I’ve been trying to change the text colour of just the header items on my shop, I have managed through several forum posts to change the main colour.
However, I have not been able to locate a fix for the text found embedded within the menu and also the circle showing the number of items in the basket I would like to change too.
I am currently using the Dawn 2.0 theme.
Any assistance is massively appreciated.
Thanks in advance.
Website is:
Hi, nice page!
Below is a code snipped that’ll work. I’ve set the padding to 0 on each. If you want more space, just add a higher number before ‘px’ on each. Here you go:
{% style %}
/* THIS IS THE HEADER ITEMS CODE */
a.mega-menu__link.mega-menu__link--level-2.link {
color: #fff;
}
/* THIS IS THE SHOPPING CART # OF ITEMS ICON CODE */
.cart-count-bubble {
background: #fff;
}
{% endstyle %}
Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.
You can insert a hex code, (like ‘#fff’), into the code to change it to whatever color you’d like.
Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code, just click on the text and cart icon and change the text and background color accordingly. You can make edits and delete the app without paying for anything.
Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!
Hello @Robtuc
You can follow these steps:
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team