Return to previous page

Editing product text on Single Product page

This topic has 6 replies, 2 voices, and was last updated 8 years, 2 months 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

Participant

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

Participant

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

Participant

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)