Return to previous page

Editing product text on Single Product page

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

filmguerilla

Participant

December 5, 2016 at 13:29
I’ve been trying to edit text css on Single Product page to no avail esp. for the Product title.

I’ve done this on my child theme css
```
/*
 Theme Name:   OTC Xstore
 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
*/

/* Single Product Page Text */

.product_title {
    font-size: 12px !important;
    margin-bottom: 0.2em !important;
}
.product-subtitle {
    font-size: 1.2em !important;
    margin-bottom: 2.2em !important;
    color: #666666 !important;
}
```
Product Subtitle was changed but the Product title i can’t edit the text size.

Can you check my css please?

Link attached on private content.

Thanks

Please, contact administrator
for this information.
#147927 Copied
5 Answers

Olga Barlow

Support staff

December 5, 2016 at 16:03

Hello,

You may use Chrome developer tool to find out what styles to edit http://prntscr.com/dfmsrc
More information here https://developer.chrome.com/devtools

So, change the code to following

.single-product-right .product-information-inner .product_title { font-size: 12px !important;}

Regards

#147967 Copied

filmguerilla

Participant

December 5, 2016 at 18:34

Thanks for the reco. Will try that. I’m using Firebug and have had problem getting the right css.

The product-subtitle css is right? I don’t want to mess the site. This product subtitle is from a wp wc subtitle plugin.

#148035 Copied
Olga Barlow

Support staff

December 6, 2016 at 09:17
Hello,

If you have this class also on other pages and want to change the size for single product page only then you may add additional class single-product, for example
```
.single-product .product-subtitle {
    font-size: 1.2em !important;
    margin-bottom: 2.2em !important;
    color: #666666 !important;
}
```
Regards
#148081 Copied
filmguerilla

Participant

December 7, 2016 at 12:36

HI Olga,

I only need this for single product page..

Thanks!

#148229 Copied

Olga Barlow

Support staff

December 8, 2016 at 16:08

You are welcome!

Regards

#148386 Copied
Tagged: editing, product, product page, single, text, woocommerce themes, wordpress
Viewing 6 results - 1 through 6 (of 6 total)