How can I make collection titles bold on the home page using debut theme?

Solved

How can I make collection titles bold on the home page using debut theme?

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
12321 2552 3729

This is an accepted solution.

dmwwebartisan
Shopify Partner
12321 2552 3729

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!

View solution in original post

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

dmwwebartisan
Shopify Partner
12321 2552 3729

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;}
}

View solution in original post

Replies 7 (7)

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

anathalaf
Tourist
10 0 5

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

dmwwebartisan
Shopify Partner
12321 2552 3729

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!

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
12321 2552 3729

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;}
}
anathalaf
Tourist
10 0 5

Thank you very much

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.