Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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
10261 2039 2110

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

Please share your store link

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- 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
10261 2039 2110

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- 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 4

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
10261 2039 2110

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

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dat999
Explorer
69 0 26

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