how to change the font size on collection list titles in brooklyn theme?

Solved
Highlighted
Tourist
9 0 1

I'm trying to minimize the font size of collection list titles on brooklyn theme, but im stuck, can someone please guide me through this?

1 Like
Highlighted
Shopify Partner
7517 1037 2603

Hello, @lonniefryer 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 1

https://just-ensemble.myshopify.com/?_ab=0&_fd=0&_sc=1&key=92cf3248ba95cbe1e6f80919df68b4d346ea25277...

 

this is the URL but my store isnt published yet. I'm attaching pictures so that its more clear.Capture 1.JPGtheme.scss,liquidtheme.scss,liquid

0 Likes
Highlighted

Hi @lonniefryer,

 

You can inspect the live page and adjust the font size of the collection grid item title to your liking:

july28.png

 

 Then when you find the font size you like, just add this code to your theme.scss.liquid file:

 

@media screen and (min-width: 591px)
.collection-grid__item-title {
    font-size: 2.42857em;
}

 

Dont forget to change the font size value.

By the way, you should add more product images. It's essential, especially for visually-driven products like clothings. You can take a look at this article about the types of product images you need to add to product pages.

- Tips to optimize website loadspeed: academy.pagefly.io/how-to-speed-up-website

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
1 Like
Highlighted
Shopify Partner
7517 1037 2603

@lonniefryer 

Thanks for URL sorry but I can't see a view

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
9 0 1

Hi Quang,

 First of all, thank you for your positive response. But by doing as you mentioned, it is disturbing the whole layout of the store. I've attached the pictures, please see.edited codeedited codedisturbed layoutdisturbed layout

0 Likes
Highlighted
Tourist
9 0 1

Hi Ketan,

 Please try this one, https://just-ensemble.myshopify.com/      

0 Likes
Highlighted
Shopify Partner
7517 1037 2603

This is an accepted solution.

@lonniefryer 

Thanks for revert code now look proper 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-grid__item-title {
    font-size: 24px; /* change font size as you like.*/
} 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 1

Works Perfect, Thank you Ketan!

0 Likes