Changing Main Menu Header text colour of one page title - DAWN THEME

[andrew72]

Hi there,

I am trying to change the Colour of the text "Holiday" only in the main menu to #A3B18A

and to keep the rest as is.

https://obadiahcoffee.com/

[Mehran_Ali]

Hi @andrew72 

You can achieve adding this CSS in you code

You need to follow these steps:

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css

Past this CSS Code their

header .header__inline-menu ul li:nth-child(2) .header__menu-item {
    color: #A3B18A;
}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

[ZestardTech · Accepted solution]

Hello @andrew72 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.list-menu.list-menu--inline [href="/pages/holiday-shop"] {
color: #A3B18A;
}

Output

[andrew72]

Hello @ZestardTech,

Is there any way for it to stay this colour even when selected?

Thank you!

[ZestardTech]

Hello @andrew72 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

[href="/pages/holiday-shop"] .header__active-menu-item {
color: #A3B18A;
}

[andrew72]

That is great thank you!

Is there a code line that also transfers this to work in mobile also?

Currently it didn't transfer.

[ZestardTech]

Hello @andrew72 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.menu-drawer__menu.has-submenu.list-menu [href="/pages/holiday-shop"] {
  color: #A3B18A;
 }

[steve_michael2]

Hello,

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

a[href="/pages/holiday-shop"] {
  color: #ff0000; /* Font color change */
  font-weight: bold; /* Make it bold */
  text-decoration: underline; /* Add underline */
}

Thanks!