Need CSS For Increasing Product Description & Short Description Font Size?

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 17, 2022

• #1

I am using woodmart theme. I do not want to use its typography setting for increasing font size as it works site wise. I want to increase the product description size to 16px only.

Previously I was using this CSS which was working fine:

.single-product div#tab-description p {
font-size: 16px;
}

But now this is not working, may be after the woodmart theme update.

Any idea of which CSS to use to increase product description font size?

 

shikite

Active member

Feb 9, 2021

163

77

28

cgpersia

cgpeers.com

• Oct 17, 2022

• #2

tailwind??

 

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 17, 2022

• #3

shikite said:

tailwind??

Click to expand...

Sorry, I didn't understand your reply.

 

PixelMate

Member

Aug 17, 2022

64

58

18

• Oct 17, 2022

• #4

If you can share your actual URL or a demo URL, I can help you with that

 

• 

Reactions: silumantu

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 17, 2022

• #5

pmjcreations said:

If you can share your actual URL or a demo URL, I can help you with that

Click to expand...

Thanks for reply. Plz check this demo site: (Link Removed by myself)

I need css for increase product description & short description size to 16px.

 

Last edited: Oct 20, 2022

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Oct 17, 2022

• #6

silumantu said:

I am using woodmart theme. I do not want to use its typography setting for increasing font size as it works site wise. I want to increase the product description size to 16px only.

Previously I was using this CSS which was working fine:

.single-product div#tab-description p {
font-size: 16px;
}

But now this is not working, may be after the woodmart theme update.

Any idea of which CSS to use to increase product description font size?

Click to expand...

Try this one:
.woocommerce-product-details__short-description {font-size:16px}

 

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 17, 2022

• #7

guguk said:

Try this one:
.woocommerce-product-details__short-description {font-size:16px}

Click to expand...

Actually I am already using that css for short description & it is working.

Also this simple css below is also working in short description:
p {
font-size:16px;
}

What I need is to increase the size of normal product description? Any CSS Idea?

 

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Oct 17, 2022

• #8

You are using a builder for description I think ,and you need to create class names for your elements and give what you want a size of font for that section.

 

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 17, 2022

• #9

guguk said:

You are using a builder for description I think ,and you need to create class names for your elements and give what you want a size of font for that section.

Click to expand...

I am not using any builder (ex: elementor) for description. I am using same classic editor. Plz check this demo link: (Link Removed by myself)

 

Last edited: Oct 20, 2022

guguk

Well-known member

Jul 19, 2019

1,150

828

113

Ottoman Empire

• Oct 17, 2022

• #10

silumantu said:

I am not using any builder (ex: elementor) for description. I am using same classic editor. Plz check this demo link: https://test5.brcomputer.net/product/sandisk-cruzer-blade-32gb-usb-flash-drive/

Click to expand...

OK, if you dont use any builder try this one:
.wc-tab-inner {font-size: 16px;}
if it did not work please add " !important"

 

• 

Reactions: silumantu

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 18, 2022

• #11

guguk said:

OK, if you dont use any builder try this one:
.wc-tab-inner {font-size: 16px;}
if it did not work please add " !important"

Click to expand...

This did not worked: .wc-tab-inner {font-size: 16px;}

But this worked in increasing description font size: .wc-tab-inner {font-size: 16px;} !important

But after using this I got another issue. I was using below CSS for increasing font size of short description & normal page text.

.woocommerce-product-details__short-description p {
font-size: 16px;
}

p {
font-size:16px;
}

But after using this: .wc-tab-inner {font-size: 16px;} !important ; the above CSS for short description & page text is not working.

 

silumantu

Member

Oct 9, 2019

169

23

18

• Oct 20, 2022

• #12

Finally I found the solution after asking in wordpress's woo support thread.

The below css worked:

.single-product div#tab-description *:not(h1,h2,h3,h4,h5,h6) {
font-size: 16px !important;
}