Make 'Other Materials' menu bold with hover effect

Solved
KrisG2
Excursionist
29 1 14

Hi everyone,

I would like to make the the 'Other Materials' menu items on this page bold and also have a hover effect in the colour orange (exact colour is Hex #FF9F1C)

Link to page: https://thebespokesignhouse.com/collections/all-slate-granite

Here is a picture with the menu I would like edited:

Other Materials Menu.PNG

Many thanks as always,

Kris

 

dmwwebartisan
Shopify Partner
8450 1984 2664

This is an accepted solution.

@KrisG2 

Please add the following code at the bottom of your assets/theme-collections.min.css file.

#our-range-of-slate .collection-menu--list-item a, .vendor-list-item a {
font-weight: bold;
}
#our-range-of-slate .collection-menu--list-item a:hover, .vendor-list-item a:hover {
    color: #FF9F1C !important;
}

Hope this works.

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KrisG2
Excursionist
29 1 14

Fantastic, it works perfectly. Thank you so much @dmwwebartisan!