Return to previous page

Change Product page Layout - by Johann - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

Johann

Participant

December 7, 2016 at 12:26

Hey there,

I need to change a couple of things starting at the layout of the product pages. How can I change Product name, category and quantity so they are not written in capitals anymore? I also would like to change the color of Productname, the Price, and Quantity. It would be nice if you can help me with this. Thank you.

#148224 Copied Theme version: Xstore 3.0 WooCommerce version: 2.6.8

7 Answers

Olga Barlow

Support staff

December 8, 2016 at 08:52

Hello,

Are you talking about single product pages or about Product Categories? Could you, please, provide me link to your site in Private Content area?

Regards

#148330 Copied

Johann

Participant

December 8, 2016 at 09:00

Hey Olga,

I am talking about the single products page. Thanks

Please, contact administrator
for this information.

#148331 Copied
Olga Barlow

Support staff

December 8, 2016 at 17:27
Hello,

Add the following code in child theme style.css
```
.product-information .product_title, .product-information .products-page-cats a, .qty-span {
    text-transform: capitalize;
}
.product-information .product_title {
    color: #009fe3;
}
.product-information .price, .product-info-wrapper .price, .product-summary-center .price {
    color: #009fe3;
}
.qty-span {
   color: #009fe3;
}
```
Regards
#148414 Copied
Johann

Participant

December 9, 2016 at 09:09
Hello Olga, I added it to the child theme and updated but it somehow only works for the mobile version. At my desktop nothing changed.
```
/*
 Theme Name:   Xstore Child
 Theme URI:    https://www.8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   https://www.8theme.com
 Template:     xstore
 Version:      1.0
 Text Domain:  xstore-child
*/

.product-information .product_title, .product-information .products-page-cats a, .qty-span {
    text-transform: capitalize;
}
.product-information .product_title {
    color: #009fe3;
}
.product-information .price, .product-info-wrapper .price, .product-summary-center .price {
    color: #009fe3;
}
.qty-span {
   color: #009fe3;
}
```
Please, contact administrator
for this information.
#148470 Copied
Olga Barlow

Support staff

December 9, 2016 at 16:53

Hello,

I can see it for both http://prntscr.com/dhct91
Try to clean your browser cache.

Regards

#148524 Copied

Johann

Participant

December 12, 2016 at 10:36

great thank you!

#148637 Copied

Olga Barlow

Support staff

December 12, 2016 at 21:08

You are welcome!

Regards

#148765 Copied
Viewing 8 results - 1 through 8 (of 8 total)