Solved

Theme Icon - Change Colour of Only One Header

tweale
New Member
7 0 0

Hello,

I am trying to find a way to change only one of the heading colours in my menu bar on my website. The theme is ICON. I have added the Heading "Outlet" on the far right and want this to appear in red. Is this possible in this theme? Any help greatly appreciated!

Many thanks

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @tweale 

please insert below code end of stylesheet.css.liquid file

 

#main-nav .dropdown:nth-child(7)  .dlinks {
     color: #ff0404 !important;
 }

 

 

View solution in original post

Replies 11 (11)

tweale
New Member
7 0 0

Untitled-1.jpg

Kinjaldavra
Shopify Partner
2302 570 1423

hello @tweale 

Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here.

tweale
New Member
7 0 0

hello!

the store is archiefoal.com or archie-foal on shopify

Thanks

Kinjaldavra
Shopify Partner
2302 570 1423

hello @tweale 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 #main-nav .dropdown:nth-child(7) a {
     color: #ff0404 !important;
 }

 

tweale
New Member
7 0 0

@Kinjaldavra 

 

Thank you for this but unfortunately under the Assets drop down when editing code there is only assets/theme.js.liquid - no assets/theme.css - see pictures

I have tried to add it to that but it hasn't done anything 

Please help! Thanks 

 

 

shopufy.jpg

suyash1
Shopify Partner
9134 1137 1484

@tweale- add given code by @Kinjaldavra to stylesheet.css.liquid

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tweale
New Member
7 0 0

@suyash1 

 

That didn't work either 😞

suyash1
Shopify Partner
9134 1137 1484

@tweale- I do not see code in that file

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
tweale
New Member
7 0 0

@suyash1 Hi, thank you for your quick reply. I added the code, saved it, clicked "preview" and when it didn't do anything I clicked delete.

Is there anywhere else I should try pasting it?

 

Kind regards

Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @tweale 

please insert below code end of stylesheet.css.liquid file

 

#main-nav .dropdown:nth-child(7)  .dlinks {
     color: #ff0404 !important;
 }

 

 

tweale
New Member
7 0 0

@Kinjaldavra 

Thank you very much!