Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Collection buttons

Solved

How can I adjust the font size and boldness of collection buttons?

emilbrandon
Explorer
130 0 13

Hello, does anyone know how to change the font size and if bold text or not on these buttons, they are collection buttons. thank you in advance

emilbrandon_0-1679305705061.png

https://www.remlagret.se/

 

Accepted Solutions (2)

GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @emilbrandon 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your assets/theme.css  theme file.

3. Add the code at the end of the file:

 

.collection__item-info.collection__item-title{
    font-weight: 900 !important;
    font-family: customfont;
}

 

Please change 'customfont' to your font name
and change the font weight from 900 to another number, for example: 100, 400 ...

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

INA_MSWEB
Shopify Partner
1281 144 167

This is an accepted solution.

Hi @emilbrandon 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.collection__item-title {font-weight: 900 !important; font-size: 18px !important;}




Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @emilbrandon 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your assets/theme.css  theme file.

3. Add the code at the end of the file:

 

.collection__item-info.collection__item-title{
    font-weight: 900 !important;
    font-family: customfont;
}

 

Please change 'customfont' to your font name
and change the font weight from 900 to another number, for example: 100, 400 ...

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
emilbrandon
Explorer
130 0 13

thank you worked as a charm!

INA_MSWEB
Shopify Partner
1281 144 167

This is an accepted solution.

Hi @emilbrandon 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.collection__item-title {font-weight: 900 !important; font-size: 18px !important;}




Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

emilbrandon
Explorer
130 0 13

Thank you!

GemPages
Shopify Partner
5625 1262 1254

@emilbrandon 

 

I am so glad that my solution can help.  

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center