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
2350 702 827

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 9 (9)

BSS-TekLabs
Shopify Partner
2350 702 827

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
5473 1480 1769

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

- 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
2350 702 827

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
2350 702 827

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
2350 702 827

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 🙂