Return to previous page

Woocommerce price and name centered - by Tiina

This topic has 8 replies, 3 voices, and was last updated 8 years ago ago by Rose Tyler

Tiina

Participant

November 24, 2016 at 12:30

How to I get my price and product name centered in woocommerce?

I have to create custom.css file in child theme, and add this code there:

.woocommerce .products .product,
.woocommerce .products .product .price
{text-align:center}

But it doesn’t work.

#146857 Copied

7 Answers

Rose Tyler

Support staff

November 24, 2016 at 13:04

Hello,

Please provide us with link to the site and wp-admin access in Private Content.
Here is the video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1.

Regards,
Rose Tyler.

#146860 Copied

Tiina

Participant

November 24, 2016 at 15:16

Here:

Please, contact administrator
for this information.

#146886 Copied
Rose Tyler

Support staff

November 24, 2016 at 16:05
Hello,

You need rename default.custom.css to custom.css in parent theme and add this code:
```
.product-loop.products-grid .product {
    text-align: center;
}
```
Regards,
Rose Tyler.
#146894 Copied
Tiina

Participant

November 24, 2016 at 18:47

Thanks! That worked for the store, but is there way to get it to work also on the front page “featured products” and “new products”?

#146917 Copied
Jack Richardson

Support staff

November 24, 2016 at 19:16
Hello,

Please use this css code:
```
.slide-item .product .product-name, .slide-item .product .add-to-container {
   text-align: center;
}
```
Best regards,
Jack Richardson.
#146927 Copied
Tiina

Participant

November 24, 2016 at 20:27

Thanks, it’s working!

#146937 Copied

Rose Tyler

Support staff

November 25, 2016 at 07:58

Hello,

You’re welcome!

Regards,
Rose Tyler.

#146957 Copied
Tagged: centered, design, name, price, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)