Re: Changing colour of one menu item

Solved

Changing colour of one menu item

minty123
Tourist
7 0 1

Hi,

 

I am trying to change one of my menu items to a different colour on studio theme.

 

Can anyone help?

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2401 695 835

This is an accepted solution.

Hi @minty123,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

 

.list-menu a[href="/collections/all-new-in"].list-menu__item {
    /* You can adjust this value to change the color of the item */
    background: #eee;
    /* You can adjust this value to change the color of the text */
    color: #000;
}

 

Here is the result

BSSTekLabs_0-1721910911289.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 10 (10)

BSS-TekLabs
Shopify Partner
2401 695 835

Hi @minty123,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Moeed
Shopify Partner
7687 2067 2548

Hey @minty123 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Also, tell me what menu you want to change the color of. Your cooperation would be greatly appreciated.


Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


minty123
Tourist
7 0 1

Hi,

Thank you for replying

It is https://www.peaandmint.co.uk/ 

BSS-TekLabs
Shopify Partner
2401 695 835

Hi @minty123,

Can you please describe in specific which menu item you want to change color so our team can support you?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
minty123
Tourist
7 0 1

The New In menu title

BSS-TekLabs
Shopify Partner
2401 695 835

This is an accepted solution.

Hi @minty123,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

 

.list-menu a[href="/collections/all-new-in"].list-menu__item {
    /* You can adjust this value to change the color of the item */
    background: #eee;
    /* You can adjust this value to change the color of the text */
    color: #000;
}

 

Here is the result

BSSTekLabs_0-1721910911289.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
minty123
Tourist
7 0 1

Thank you so much!

BSS-TekLabs
Shopify Partner
2401 695 835

Have a good day!!!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
minty123
Tourist
7 0 1

Hi,

 

You helped me before with changing colours of menu titles. Would you be able to help me with changing the Christmas title on my website. This one is linked to a page rather than a collection

 https://www.peaandmint.co.uk/

Thank you 🙂

 

HELDERWRLD
Pathfinder
150 0 8

Hello @BSS-TekLabs 

I tried to change the colour on mine but i can't on the principal collection. Please have a look.

I also want to change the "Black Friday Sale" on the first image. Can you please help me?

https://diversusoficial.com/

Screenshot 2024-11-22 at 2.48.53 PM.png
Screenshot 2024-11-22 at 2.48.58 PM.png