Return to previous page

Product page center align text - by ThatguySA

This topic has 12 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

ThatguySA

Participant

November 20, 2014 at 16:31

Hi all,

I want to find out if there is a way to center align the text on the product pages. The name, price and button. I know its placed by margins but i would like to have centered correctly.

Thanks

Gus

#25703 Copied

11 Answers

Robert Hall

Support staff

November 20, 2014 at 16:37

Hello,

Please provide us with link to the page where you have products with name, price and button.

Regards,
Robert Hall.

#25706 Copied

ThatguySA

Participant

November 20, 2014 at 18:14

Hi Robert,

here is the link http://stagingmonkey.that-guy.co.za/product-category/bath/skincare/

i need to be a standard on all product category pages.

Kidn regards,
Gus

#25734 Copied
Eva Kemp

Support staff

November 20, 2014 at 19:15
Hello,

Please add this code into custom.css file:
```
.products-grid .product .product-name, .products-grid .product .add-to-container  {
   text-align: center !important;
}
```
How to create custom.css you can watch in this tutorial.

Regards,
Eva Kemp.
#25751 Copied
ThatguySA

Participant

November 21, 2014 at 09:49

Thank you for this

#25888 Copied

Robert Hall

Support staff

November 21, 2014 at 10:12

Hello,

You’re welcome!

Regards,
Robert Hall.

#25890 Copied

ThatguySA

Participant

November 28, 2014 at 07:00

Hi All,

Thanks for the help with this but it appears that it only worked on the categories but not on any of the other pages. the home page for example is one of the areas http://stagingmonkey.that-guy.co.za/

Can we do this site wide for the products please

#27079 Copied
Eva Kemp

Support staff

November 28, 2014 at 09:35
Hello,

You can try to use this code in custom.css:
```
.container {
    width: 1150px;
}
```
Regards,
Eva Kemp.
#27100 Copied
ThatguySA

Participant

November 28, 2014 at 15:20

Hi Eva,

that didnt do much. I dont get why it would work for the categories but the rest of the site it doesnt.

Let me know if there is any other solution that will work.

#27196 Copied

Eva Kemp

Support staff

November 29, 2014 at 09:04

Hello,

Please clarify. Do you want to stretch the products layout?
Please specify how exactly it should be done.

Thank you.
Regards,
Eva Kemp.

#27258 Copied

ThatguySA

Participant

November 30, 2014 at 06:57

Hi Eva,

As shown in the image the product title and add to cart are not centered like they are on the product category page. This makes it inconsistent across the site.

Kind Regards,

Gus

#27350 Copied
Eva Kemp

Support staff

December 1, 2014 at 12:11
Hello,

Please add this code into custom.css file:
```
.slide-item .product .product-name, .slide-item .product .add-to-container {
   text-align: center !important;
}
```
Regards,
Eva Kemp.
#27414 Copied
Viewing 12 results - 1 through 12 (of 12 total)