website link : tuttocapsule.lt
theme: cornerstone
problem: want to change the color of “Akcijos” to red
Topic summary
A user wants to change the color of a specific menu item (“sojicka”) to red on their Cornerstone theme Shopify store.
Multiple solutions provided:
-
CSS targeting approach: Add custom CSS code to target the specific menu link by its href attribute (
a[href="/collections/sojicka/"] { color: red; }). This code should be placed in the theme’s CSS file (base.css, style.css, or theme.css). -
Theme settings option: One respondent noted the Cornerstone theme has a built-in setting where you can enter the word you want to turn red, avoiding the need for custom code.
-
Alternative placement: Another suggestion was to add the CSS code to theme.liquid file before the closing
</body>tag.
All solutions involve either using the theme’s native color customization feature or adding a small CSS snippet to override the default menu link color for that specific item.
2 Likes
Hi @asajce
Check 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:
a[href="/collections/akcijos"] {
color: red;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Hi @asajce ,
Add below css in theme.css file.
li a[href="/collections/akcijos"] {
color: red;
}
Thank you
Hello @asajce ,
I understand you are looking to provide red color to the second menu item of the navigation menu.
Please add the below-mentioned code at the bottom of the theme.liquid file before tag and save.
I hope the code helps you.
Please share if you have any queries.
Thank you.