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

[Iron-Man]

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]

tailwind??

 

[Iron-Man]

tailwind??

Sorry, I didn't understand your reply.

 

[PixelMate]

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

 

[Iron-Man]

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

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

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

 

[guguk]

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?

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

 

[Iron-Man]

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

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]

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.

 

[Iron-Man]

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.

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)

 

[guguk]

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/

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

 

[Iron-Man]

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

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.

 

[Iron-Man]

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;
}