How can I make product titles bold and bigger on collection page using CSS?

Store Design
1

Hello everyone,

I’m using the Theme Shella and yould like to know how to change the product title on the collection page only in Bold and Bigger using CSS.

Anyone can have a look for me? https://mykarma.fr

Product name.png
Product name.png1800×629 182 KB

2

Can you please share your website link.

3

Hello, my website link is https://mykarma.fr :innocent: :folded_hands:

4

Okay thanks let me check

5

Is it possible to have the CSS to add instead? So I can understand and learn in case I need to update the theme.

6

Try adding this to your css file

.product-collection__title {

     font-weight: bold;

}
7

yes for this first you will have to go in code editor then you need to select collection.liquide file then find a class name from your theme for the text and use this code at the bottom of the page
1 Like
8

You will only have to add the line code to the CSS file, there is no need to edit the collection.liquide file

9

@vcercelariu Sure but isn’t it more complicated to make it from the CSS file itself?

10

Not complicated at all, you just have to add the code line at the bottom of your CSS file.

11

This doesn’t work unfortunately :S