Product description text size - product description preview

Hi there,

Is this for the Description in the Tab on ALL Single Products ?

YES for the Description in the Tab on ALL Single Products!

I looked at some of your products and they contain HTML Content not just plaint text:

https://www.screencast.com/t/47Nf4XmJ3

I don't know of a method to trim that content to 300 characters or words as it is a mixture of HTML.

is possible to change only the size of the description of the single product?

Size is a bit ambiguous - are you wanting to hide some of the content or reduce the text size or something else ?

You told me that you cannot block the display of the text partially.

So I'm asking you if I can reduce the font size of the text.

-------------------------------------------
In Italy in Palermo it is said ..

Either you are inside
Or if you are outside :-)
--------------------------------------------

I cannot say if this will work as most of your text has inline styles and mixed HTML, but try adding this CSS:

#tab-product-description .description p,
#tab-product-description .description em,
#tab-product-description .description strong,
#tab-product-description .description span {
    font-size: 14px !important;
}

Ok it works, I congratulate you, you are always excellent Davide.

thank you very much.

Ok, did you like the nursery rhyme about Palermo? :-)

Glad to hear that!

And yes i did :)

I ask if it is possible to make the text devoid of html or to force the size of the text. The code works but some bold print is larger

#tab-product-description .description p,
#tab-product-description .description em,
#tab-product-description .description strong,
#tab-product-description .description span {
font-size: 14px !important;
}

Hello there,

One factor in the size difference is because some text have a different font-family.

To make them identical, try updating the CSS to this:

#tab-product-description .description p,
#tab-product-description .description em,
#tab-product-description .description strong,
#tab-product-description .description span {
font-size: 14px !important;
font-family: Tahoma, Verdana, Helvetica !important;
}

Replace the font-family to your preference.

I've noticed that it works in everything except for underlined and bold words

Try this:

#tab-product-description .description :is(p, em, strong, li, span, div, a) {
    font-size: 14px !important;
    font-family: Tahoma, Verdana, Helvetica !important;
    font-style: normal !important;
    font-weight: 600 !important;
}