This is a continuation of the question # 185309.

Previously, I asked the question “I want the text of additional information on the product page to be left-aligned.” And answered it with # 185440 and solved it.

However, the display collapsed again, so please give me a solution.

Describe the situation in question.

The problem is that I’m entering the left-aligned CSS that I taught you earlier, but some items aren’t left-aligned.
I will attach an image. It is indicated by a red marker.

I’ve entered the following in Theme Settings >> Custom CSS, the method I was taught before.

# tab-additional_information .shop_attributes td {
text-align: left;
　padding: 2em;
}

padding: 2em; was not included in the CSS you taught me before, but I added a margin to balance the display.

I wondered if this was the cause and tried removing it, but it didn’t solve the problem.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous CSS with the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

#tab-additional_information .shop_attributes td {
    text-align: left;
    padding: 2em;
}

#tab-additional_information .shop_attributes tr {
    display: block;
}

Best Regards

Thank you for your reply.
Completed without incident.
If you have any problems, please do not hesitate to contact us.

Thank you.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.

[Author]

Posts