Return to previous page

Need to Center Product name & price - by mazzente

This topic has 6 replies, 2 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

mazzente

Participant

May 18, 2014 at 14:58

Hi Support,

Quick question on how to get product names and prices to show up centered under product image?

Thank you again for all your great help!

#3964 Copied

5 Answers
Eva Kemp

Support staff

May 18, 2014 at 15:27
Hello,

You can use this code in custom.css file to center product name and price:
```
.products-grid .product .product-name, .products-grid .product .price {
    text-align: center;
}
```
Here you can watch how to create custom.css.
If there are any problems please provide us with access to FTP and wp-admin panel.

Regards,
Eva Kemp.
#3966 Copied
mazzente

Participant

May 18, 2014 at 15:34

Thanks!

#3967 Copied

mazzente

Participant

May 18, 2014 at 15:53

How to change the font size in the product title?

Please, contact administrator
for this information.

#3969 Copied

mazzente

Participant

May 18, 2014 at 16:04

How to get button to show up centered under product image?

Please, contact administrator
for this information.

#3971 Copied

Eva Kemp

Support staff

May 18, 2014 at 16:18

To change font size use this code in custom.css:
.products-grid .product .product-name {font-size: 16px;} and change the number to yours.
To center the button you should add the following code into custom.css as well:
.products-grid .product .add-to-container {text-align: center;}
In this case price will be centered too, so you don’t need to write .products-grid .product .price in the code that was provided in the previous post. You should use only this code to center the product name:
.products-grid .product .product-name {text-align: center;}

Regards,
Eva Kemp.

#3973 Copied
Tagged: center, design, price, product, template, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)