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 9 years 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

Participant

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

Participant

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

Participant

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

Participant

December 12, 2016 at 21:08

You are welcome!

Regards

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