products page attributes

Hello,
There is an excessive gap between the heading and the name of the attributes that have been created on a single product page. How can I remove the gap in between?
Please check reference image

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can further check on your site and give you a possible solution?

Best Regards,

Hello,
Pls check below
https://ngcnafees.hrdesignstudio.online/collection/wallpapers/mademoiselle-tweed/

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the code as per your requirements.

.single-product .shop_attributes tr {
    display: flex;
    flex-direction: row; /* stack name and value vertically */
    justify-content: flex-start;
    align-items: center;
    text-align: center;
        width: 50%;
    gap: 5px; /* control vertical spacing */
}

.single-product .shop_attributes th,
.single-product .shop_attributes td {
    width: 100%;
    text-align: center;
}

Best Regards,

thanks

[Author]

Posts