Center Product Titles and Prices

Hi,

I would like to center the Product Titles and Prices directly under the product thumbnails. I’ve attached an image to show how it is presently. Is this possible via the WP dashboard? If not, how do I do this across the site.

The theme is awesome, so happy with it, great work.

Thank you!
Ryan

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for choosing our theme and contacting us.

Try to add the following code snippet to the Custom CSS in Theme Settings

.basel-hover-alt .wrap-price,
.basel-hover-alt.product-type-external .product-title, .basel-hover-alt.product-type-grouped .product-title, .basel-hover-alt.purchasable .product-title {
 	text-align:center; 
  	display:block;
}  

.basel-hover-alt .price {
	text-align:center;
}

Kind Regards
XTemos Studio

This works great!

When I checked on mobile the product image is actually off centre due to the ‘quick view’ and ‘wishlist’ options, is that right? Anyway to turn them off just on mobile?

Thank you,
Ryan

Please, send us a screenshot of what do you mean.

Thank you

On mobile it looks like this (see attached). Can ‘Quick Buy’ and ‘wishlist’ be removed on mobile?

Attachments:

You must be logged in to view attached files.

No, it happens because the image doesn’t have enough width to fill the space.

I see, it’s an 800x800px image however. Is there a way to give it more width?

Thanks for helping me.

R

You can increase images size in WooCommerce -> Settings -> Products -> Display.

[Author]

Posts