Center Product Titles and Prices

This topic has 7 replies, 2 voices, and was last updated 7 years, 6 months ago by Artem Temos.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 3, 2017 at 7:23 pm #13158

rjcrabbe
Participant

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.

May 3, 2017 at 8:17 pm #13163
Artem Temos
Keymaster
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
May 3, 2017 at 8:38 pm #13164

rjcrabbe
Participant

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

May 4, 2017 at 6:14 am #13176

Artem Temos
Keymaster

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

Thank you

May 4, 2017 at 7:02 am #13183

rjcrabbe
Participant

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.

May 4, 2017 at 7:06 am #13185

Artem Temos
Keymaster

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

May 4, 2017 at 7:36 am #13186

rjcrabbe
Participant

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

Thanks for helping me.

R

May 4, 2017 at 7:42 am #13187

Artem Temos
Keymaster

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

Posts