Centre Product Name and Price in the Shop

Hi,

I cant seem to figure out how to centre the product price in the shop via CSS.

If I use this code it only centers the product name but the price is still aligned to the left (it moves a bit to the center).

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

How can I fix this?

Kind regards

Hello,

Please provide your site URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

Best Regards

Hi,

I would prefer not to send the URL.

I have chosen the ‘hover on product’ setting called: Icons and “add to cart” on hover

If I choose the other settings (for example: ‘Icons on hover’) the product title and price are centered. So I guess I only need the CSS that this option has. I think the problem is that the icons (i have disabled them) are originally displayed right next to the price.

Thank you.

Kind regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item .product-title, .product-title{
text-align:center;
}
body .woodmart-hover-alt .wrap-price {
    justify-content: center;
}

Best Regards

Thank you.

The code actually didnt work for me. But when I added “text-align: center;” it worked:

body .product-grid-item .product-title, .product-title{
text-align:center;
}
body .woodmart-hover-alt .wrap-price {
justify-content: center;
text-align: center;
}

Hello,

We are glad you have solved the issue. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts