Making Collection headers Bold? in Supply Theme 2.2

Solved
Highlighted
Tourist
8 1 2

HI,

I want to make the collection names in the dropdown bold. I have tried adding the below code to the bottom of the theme.scss.liquid file but no luck. The site is WhiteRiver.com. Any feedback would be greatly appreciated. Thanks 

 

/* make collection title bold */
.collection-header h1 {
    font-weight: 700;
}

  

0 Likes
Highlighted
Shopify Partner
2265 496 647

Hey @kptichard,

As I understood you would like to make your collection title bold on the collection page, right?

If yes then please add the following code in your assets/theme.scss.liquid file.

.template-collection .section-header--title {
    font-weight: bold;
}

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
8 1 2
I want to make the collection titles bold on the drop down menu. Would this code work ?
0 Likes
Highlighted
Shopify Partner
2265 496 647

Do you mean on top navigation menu dropdown?

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
8 1 2
Drop down navigation.
0 Likes
Highlighted
Shopify Partner
2265 496 647

Hey @kptichard,

Please put following css in your assets/theme.scss.liquid file.

@media screen and (min-width: 769px){
.site-nav--dropdown a {
font-weight: bold;
}
}

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Tourist
8 1 2

That made everything bold. I just want the collection title on the drop-down bold.  For example, MON REALE MOULDINGS nothing below it.title.JPG

0 Likes
Highlighted
Shopify Partner
2265 496 647

This is an accepted solution.

Hey @kptichard,

Now I got it. Add this code in your assets/theme.scss.liquid file.

.site-nav>li.multicolumn-dropdown>.site-nav--dropdown h4{
font-weight: bold;
}

Remove old given code.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
8 1 2

This is an accepted solution.

That worked! Awesome! Thanks for all your help. I really appreciate it.

1 Like