Help! Unable to Close The Gap Between The Label-Value in Additional Information

This topic has 4 replies, 3 voices, and was last updated 1 years ago ago by Andrew Mitchell

  • Avatar: Ju En
    Ju En
    Participant
    November 21, 2024 at 11:22

    Hi there,

    We would like to close the gap between the label and value with the Additional Information Element used at Single Product Page. As illustrated in the attachment, instead of ML <----- large gap -----> 330, we need it to be 330ML.

    Looking high and low, we can’t seem to find the styling control for this element.

    Would appreciate for some assistance on this.

    Thank you.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    November 21, 2024 at 17:15

    Hi @Ju En,

    Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .elementor-widget-woocommerce-product-etheme_additional_information table.woocommerce-product-attributes.shop_attributes {
        width: auto;
        margin: 0;
        table-layout: fixed;
    }
    
    .elementor-widget-woocommerce-product-etheme_additional_information tr.woocommerce-product-attributes-item {
        display: flex;
        flex-direction: row-reverse;
    }
    
    .elementor-widget-woocommerce-product-etheme_additional_information tr.woocommerce-product-attributes-item td,
    .elementor-widget-woocommerce-product-etheme_additional_information tr.woocommerce-product-attributes-item th{
        padding: 0 !important;
    }
    
    .elementor-widget-woocommerce-product-etheme_additional_information tr.woocommerce-product-attributes-item td p,
    .elementor-widget-woocommerce-product-etheme_additional_information tr.woocommerce-product-attributes-item th {
        line-height: 1;
        font-weight: bolder;
        font-size: 24px;
        color: #000;
    }
    

    https://prnt.sc/nh_CJWwDWeLd

    Best regards,
    8Theme’s Team.

    Avatar: Ju En
    Ju En
    Participant
    November 25, 2024 at 08:18

    Hi Luca Rossi,

    It works ! That’s perfect.

    Thank you for the amazing response and assistance.

    Thank you so much.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    November 25, 2024 at 08:18

    Dear Ju En,

    Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

    Click here to share your insights: https://themeforest.net/downloads

    Your support fuels our journey, and we appreciate it more than words can express.

    Best Regards,
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Help! Unable to Close The Gap Between The Label-Value in Additional Information’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.