collection list title on homepage. boundless theme

Solved
Highlighted
Tourist
6 0 1

Hi, 

I would like to change the font of the collection list title on my homepage to make it bigger and bold, but keep the rest of the font the same. 

I would also like to make the page numbers bigger on my collection pages. 

Can anyone assist?

Thanks!

Cassie

0 Likes
Highlighted
Astronaut
1088 181 215

Hello,

Thank you for your question. 

Please share:

1. your store URL, page URL and also password (if your store has one);
2. a screenshot of the part you want to change.

I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
6 0 1
0 Likes
Highlighted
Astronaut
1088 181 215

This is an accepted solution.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:


[id] .collection-list .section-title{
font-size: 20px !important;
}
#shopify-section-collection-template .pagination{
    font-size: 14px !important;
}


You can play around with the size. 
20px = title
14px = numbers

Let me know whether it works. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
6 0 1

it worked! thank you. 

Can you help me to make the title bold?

 

Cassie

0 Likes
Highlighted
Astronaut
1088 181 215

@cassiedparker 

Unfortunately with the current font you're using it's not possible to make it bold. You'd need to pick a new font and then use this code:

[id] .collection-list .section-title{
font-size: 20px !important;
font-weight: bold !important;
}
#shopify-section-collection-template .pagination{
    font-size: 14px !important;
}



Please make sure to click on the button "Accept as Solution" and "like" below my answer to help other people with similar issues in the community.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like