Return to previous page

Woocommerce price and name centered - by Tiina

This topic has 8 replies, 3 voices, and was last updated 8 years, 3 months 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)