Site logo

[Resolved] Product description text size – product description preview

Home Forums Support [Resolved] Product description text size – product description preview

Home Forums Support Product description text size – product description preview

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #2103683
    Ceramica Sud Curlante

    Salutations,
    I would like to know if it is possible to change the size of the description of the single product.

    or show only the first 300 characters of text.

    #2103759
    David
    Staff
    Customer Support

    Hi there,

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

    #2104111
    Ceramica Sud Curlante

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

    #2104121
    David
    Staff
    Customer Support

    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.

    #2104133
    Ceramica Sud Curlante

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

    #2104156
    David
    Staff
    Customer Support

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

    #2105494
    Ceramica Sud Curlante

    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 🙂
    ——————————————–

    #2105505
    David
    Staff
    Customer Support

    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;
    }
    #2105513
    Ceramica Sud Curlante

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

    thank you very much.

    Ok, did you like the nursery rhyme about Palermo? 🙂

    #2105531
    David
    Staff
    Customer Support

    Glad to hear that!

    And yes i did 🙂

    #2364317
    Ceramica Sud Curlante

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

    #2364651
    Fernando
    Customer Support

    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.

    #2366828
    Ceramica Sud Curlante

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

    https://www.ceramicasud.com/wp-content/uploads/2022/09/messaggio-mail-paypal.png

    #2367017
    David
    Staff
    Customer Support

    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;
    }
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.