Return to previous page

Question about Font adjustment and the image size

This topic has 4 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

Lucy

Participant

October 31, 2016 at 11:16

Hi,
I have two question now.
1. The font of the price in the product page is so much bigger than name and descriptions. How do I adjust it?
http://prntscr.com/d168cf

2. I often encountered this problem. I don’t know where can I do to make my product size equal?
as the link of the photo shows, one product image is slightly bigger and also blurrier than the other one. Please teach me how to set it up so product image size is equal. Thank you

Thank you very much for your help
Lucy

#144465 Copied Theme version: xstore

3 Answers
Olga Barlow

Support staff

October 31, 2016 at 15:49
Hello,

1) Here is the code if you want to increase the size of product title
.product-information .product_title {font-size: 26px;}
Use this code to reduce the size of the price and old price
```
.product-information .price, .product-info-wrapper .price, .product-summary-center .price {font-size: 18px;}
.product-information .price del .amount, .product-info-wrapper .price del .amount, .product-summary-center .price del .amount {font-size: 16px;}
```
2) I would recommend you to use all the images with identical proportions and width no less than 555px. At present your image is 200x150px. Image block is bigger – 262x196px and original image is resized, that’s why it is blurred. Read also WooCommerce recommendations about images size https://docs.woocommerce.com/document/using-the-appropriate-product-image-dimensions/

Regards
#144507 Copied
Lucy

Participant

November 2, 2016 at 08:27

Dear Olga,
Thank you for the reply and sorry to bother you again.
I don’t know where can I do to edit the code.
I clicked the product page, check the “text” to see the code, but it looks like the code is applied in the description part instead of the the product title and price.
Please direct me to places that I can edit the code for product title and price, thank you.

Lucy

#144682 Copied Theme version: xstore

Olga Barlow

Support staff

November 2, 2016 at 11:38

Hello,

Go to Theme Options > Styling > Custom CSS and add that styles. Save.

Regards

#144709 Copied
Viewing 4 results - 1 through 4 (of 4 total)