Theme Icon - Change Colour of Only One Header

Store Design
1

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

2

Untitled-1.jpg
Untitled-1.jpg2696×836 223 KB

3

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.

4

hello!

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

Thanks

5

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;
 }
6

@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
shopufy.jpg602×1118 72.6 KB

7

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

8

@suyash1

That didn’t work either :disappointed_face:

9

@tweale - I do not see code in that file

10

@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

11

hello @tweale

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

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

@Kinjaldavra

Thank you very much!