Change The Color Of A Single Main Menu Item- BLOCKSHOP THEME

Solved

Change The Color Of A Single Main Menu Item- BLOCKSHOP THEME

Alyban95
Visitor
2 0 1

Hi! I hope someone can help me change the color of my "holiday shop" button to the color red so that it stands out from the rest. Ive tried so many other codes in these forums but none seem to work for my theme code or im doing it wrong! HELP- thanks in advanced!

https://www.skylarandskyler.com/

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10116 2009 2062

This is an accepted solution.

Hi @Alyban95 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

 

a[href="/collections/holiday-shop"] { color: red !important; font-weight: 700; }

 

Screenshot 2024-10-03 at 09.11.42.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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 6 (6)

comercioservice
Shopify Partner
264 37 30

@Alyban95 


Hi, Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and add this code end of the file

.x-menu--level-1--link[data-mega-menu=false]:nth-child(13) {
    background: #99b0b4;
    padding: 4px 6px;
    border-radius: 6px;
}

result:

gutenplayer_0-1727915944586.png

 


I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Tech_Coding
Shopify Partner
386 106 90

Hello @Alyban95 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .header--container li.x-menu--level-1--link:nth-child(13) a {
      color: red !important;
   }
</style>

 

Tech_Coding_1-1727919118733.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

BSSCommerce-B2B
Shopify Partner
1966 564 566

@Alyban95,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
.x-menu a[href="/collections/holiday-shop"] {
  color: red!important;
}
</style>

Result:

BSSCommerceB2B_0-1727920297441.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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

Dan-From-Ryviu
Shopify Partner
10116 2009 2062

This is an accepted solution.

Hi @Alyban95 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

 

a[href="/collections/holiday-shop"] { color: red !important; font-weight: 700; }

 

Screenshot 2024-10-03 at 09.11.42.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Alyban95
Visitor
2 0 1

Thank you so much- this is the only that worked!!

Dan-From-Ryviu
Shopify Partner
10116 2009 2062

Happy I could help! 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.