Solved

MOTION THEME - Collection page - Change collection name font/size/type

lion_no
Explorer
58 6 19

I'm trying to figure out how to change the font or text size for the collection name that pops up on the pages,
especially a option to make it bold as an example.

lion_no_0-1634648311633.png

 

Note: it does not base itself on "Typography" option in the GUI editor.

Preview link: https://28x38yzbem51frl6-50647859379.shopifypreview.com/collections/archive?sort_by=created-descendi...

Thanks!

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@lion_no 
Paste this code on top of the theme.scss file.

.animation-contents.collection-title {
    font-size: 70px !important;
    font-weight: bolder !important;
}

Thank You.

View solution in original post

Replies 5 (5)

Zworthkey
Shopify Partner
5581 642 1565

Hii, @lion_no 
Can you tell me?
Do you want to increase or decrease text size?
Thank You.

lion_no
Explorer
58 6 19

@Zworthkey Increase and set to bold text type, if possible! 🙂

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

@lion_no 
Paste this code on top of the theme.scss file.

.animation-contents.collection-title {
    font-size: 70px !important;
    font-weight: bolder !important;
}

Thank You.

lion_no
Explorer
58 6 19

Exactly what I needed, thanks!!

Zworthkey
Shopify Partner
5581 642 1565

@lion_no 
Welcome dude!