Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 30 minutes ago ago by Luca Rossi

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.

#424516 Copied Theme version: 9.4.5

1 Answer

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.

#424606 Copied