Solved

I want to change a specific collection's color in menu/nav to a different color Dawn Theme V12.

wavefit
Tourist
15 0 2

I want to change a specific collection's color in menu/nav to a different color Dawn Theme V12.

Any help would be very much appreciated.

 

Also, keen to get autoplay loop video as first image on products including in home page, etc...

 

Image shows an example of the OUTLET in red

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7573 1463 1461

This is an accepted solution.

My mistake in !important spelling. Please correct code to this 

#HeaderMenu-outlet { color: red !important; font-weight: 700 !important; }

 

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
7573 1463 1461

Please share your store link

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7573 1463 1461

This code will change color of Outlet menu, please add it at the bottom of your base.css file in Online store > Themes > Edit code > Assets 

 

#HeaderMenu-outlet { color: red !impotant; font-weight: 700 !important; }

 

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

wavefit
Tourist
15 0 2

Thank you Dan, 

It changed to bold but not red though I even tried to use the color code instead but did not work either

 

Dan-From-Ryviu
Shopify Partner
7573 1463 1461

This is an accepted solution.

My mistake in !important spelling. Please correct code to this 

#HeaderMenu-outlet { color: red !important; font-weight: 700 !important; }

 

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

wavefit
Tourist
15 0 2

Awesome!! Thanks a lot Dan!

 

For the video to autoplay as first product image would you be able to help as well?

 

like on this page https://www.liveoficial.com.br/search?q=top%20duo

AlexCPerky
Excursionist
10 0 3

Thanks - this worked for me BUT I had to change '#HeaderMenu-outlet' to '#HeaderDrawer-sale' referencing the specific link from my site upon inspection. Very much appreciated : )

Dan-From-Ryviu
Shopify Partner
7573 1463 1461

Yes, you must change to assign code to the correct menu.

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dat999
Explorer
59 0 24

Hi, this code worked for me, but the title color only changes on the desktop menu and not the mobile menu. is there any way to fix this, so it would also show on the mobile menu? 

wavefit
Tourist
15 0 2

Screenshot 2023-11-06 at 3.41.23 PM.jpg

 

Just like the OUTLET on the photo