How to configure the compare section

Hi,

My compare page looks like the attached. How to reduce the column width of the first column and add in another row to compare materials, as I have a section of Materials in my product page.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can check and give you a possible solution.

Best Regards

Sure. See the private section.

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-compare-table th {
    flex: 0 0 12%; /* Reduce this percentage as needed */
}

If you want to add a new field, navigate to Theme Settings > Shop > Compare > Select fields for compare table.

Best Regards,

Awesome. This has solved my problem. Thanks a lot.

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts