Return to previous page

How to adjust the weight and font size of Prouct name on Product Page and Catego

This topic has 6 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Lily

Participant

April 13, 2018 at 12:17

Hi,

I am looking to change the font weight and font size of the Product Name/Product Price on the category page

See here: https://screencast.com/t/EEHekheW

And then on the product page, we want to increase the font size of the product name/Product Size, see here: https://screencast.com/t/rS04JOuVK

We want to be able to change the font size separately.

Please, contact administrator
for this information.

#191031 Copied

5 Answers
Rose Tyler

Support staff

April 13, 2018 at 12:28
Hello,
```
.products-grid .product .product-name {
    font-size: 20px;
    font-weight: 600;
}
.products-grid .product .price {
    font-size: 20px;
    font-weight: 900;
}
.single-product h2.product-name {
    font-size: 20px;
    font-weight: 800;
}
.single-product-page .product-info .price {
    font-size: 20px;
    font-weight: 600;
}
```
Regards
#191035 Copied
Lily

Participant

April 18, 2018 at 00:15

Hi,

I have added and made the product names 16px but I cannot see this? Can you confirm this has worked?

#191392 Copied

Rose Tyler

Support staff

April 18, 2018 at 07:51

Hello,

Where did you add the code?
Please note that custom css code should be added in style.css file of child theme or in custom.css file of the parent theme. To create “custom.css” you can rename the file “default.custom.css” which is located in theme directory.

Regards

#191404 Copied

Lily

Participant

April 18, 2018 at 15:14

Hi

please see here: https://screencast.com/t/Cv5KOEbe

it is added

#191457 Copied

Rose Tyler

Support staff

April 19, 2018 at 07:34

Hello,

Move your custom.css file from child theme to parent theme folder > clear cache and let me know if it works.

Regards

#191492 Copied
Viewing 6 results - 1 through 6 (of 6 total)