All things Shopify and commerce
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
Solved! Go to the solution
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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Please share your store link
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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
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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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
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 : )
Yes, you must change to assign code to the correct menu.
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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?
Just like the OUTLET on the photo
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025