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

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts