Solved

bold collections title in home page

anathalaf
Tourist
10 0 5

hello, i would like to some help please.
how can i bold the titles of the collection on the home page?
i'm using debut theme.
attached screenshot to be clear on the exact title


WhatsApp Image 2021-10-18 at 18.06.34.jpeg


thank you very much!!

Accepted Solutions (4)

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please share store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.collection-grid-item__title { font-weight: bold;}
}

@media only screen and (min-width: 750px){
.collection-grid-item__title { font-weight: bold;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Thanks! welcome again.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please add following css for color 

@media only screen and (max-width: 749px){
.collection-grid-item__title { color: red !important;}
}

@media only screen and (min-width: 750px){
.collection-grid-item__title { color: red !important;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 7 (7)

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please share store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

anathalaf
Tourist
10 0 5

My store URL is https://signon-store.com/
the password is krawth

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.collection-grid-item__title { font-weight: bold;}
}

@media only screen and (min-width: 750px){
.collection-grid-item__title { font-weight: bold;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
anathalaf
Tourist
10 0 5

you are the best! thank you very much!
maybe you can tell how to change the color of this title?

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Please add following css for color 

@media only screen and (max-width: 749px){
.collection-grid-item__title { color: red !important;}
}

@media only screen and (min-width: 750px){
.collection-grid-item__title { color: red !important;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
anathalaf
Tourist
10 0 5

Thank you very much

dmwwebartisan
Shopify Partner
12280 2546 3693

This is an accepted solution.

@anathalaf 

Thanks! welcome again.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app