Does anyone have a code for the origin them to change the word " sale " to red I’ve tried a few I found in the group but couldn’t get them to work.
1 Like
Hi @Kkateleigh
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:
#shopify-section-header > sticky-header > header > nav > ul > li:nth-child(3) > a > span {
color: red !important;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
I tried that and it changed the “about us” not sale
1 Like
so what do I need to do to get the correct code? im using the origin them and the word im wanting to change is in the back I attached a new image
1 Like
Yeah, maybe you currently editing cause the location of the sale change. Try this one again. Replace it so the about us will go back on the default color. Same Instruction.
#shopify-section-header > sticky-header > header > nav > ul > li:nth-child(6) > a > span {
color: red !important;
}
And Save.
result:
If you move the Sale possibilities the red color will be move also. Cause the code calling what line number it is. Did you notice that the code i give have number. The first code I give is 3 the SALe is on the 3rd column and now its 6. Its on the last column.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
this isn’t going on the theme that you can see from my website its for one im currently building but I understand what your saying ill give it another try
I took off the first code you gave me now is there a new code since I moved the “sale” to the end?
Its same almost same code just the number is different.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Yes still change the logo is on the right it add the space on the bottom, that is how the theme build. If you like a dynamic code that can change color of the nav, you need a developer.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
I understand what your saying. I change something around yeah ok move past that. My issue now is your orginal code worked fine just one word off and you said change “3” to "6 " and that did nothing now.
The publish theme that you have right now the Sale is on the 6th.
Im not sure which one you like to put the deisgn if its on the current theme or in other copy? And if you like to change more the design in your heading. Then dont put yet the design the codes Ive give is not dynamic that can follow the changes youll do.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @Kkateleigh ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly