Return to previous page

Cart page table header and row data misaligment

This topic has 6 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

Sooz

Participant

June 21, 2023 at 03:25

Hello,

First of all, just wanted to say a huge thanks for your amazing theme and support. I’ve been purchasing WordPress themes for over a decade and your theme is the only one with constant updates. This really shows you care about your customers! 😉

I’m having problems with the cart table alignment. The table headings do not match the table data for price and quantity.

https://prnt.sc/q09D9eo8Z9nH

I’ve checked through every possible setting and also searched through all your support to see if I could find a solution.

Also, could you kindly provide any CSS code for:
– Moving up (decrease the padding/spacing) for the “Remove” link
– Decrease spacing for the product with Color and Size (too much spacing between them – eg. in the second product)
– Possible to stylize the variant labels so it’s Color: [color] or Color – [color]

Many kind thanks in advance for your help!

Please, contact administrator
for this information.

#359841 Copied Theme version: 9.1.7 WooCommerce version: 7.8.0

5 Answers

Tony Rodriguez

Support staff

June 21, 2023 at 05:53

Hello, Sooz,

Thank you so much for purchasing our theme and contacting our support center.

We are having difficulty accessing your website, as seen in the attached image. https://imgur.com/EMhatjJ

In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

#359844 Copied

Sooz

Participant

June 22, 2023 at 22:58

Hi Tony,

Info provided. Thanks!

Please contact administrator
for this information.

#360058 Copied
Tony Rodriguez

Support staff

June 23, 2023 at 07:21
Hello @Sooz,

We kindly request that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site.
```
table.cart .product-details .remove-item {
    margin-top: 0 !important;
}
.shop_table .variation p {
    margin-bottom: 0 !important;
}
dt.variation-Size:after {
    content: ' -' !important;
}
dt.variation-Color:after {
    content: ' -' !important;
}
```
The result should look like this: https://postimg.cc/gL01LxYH

Best Regards,
8Theme’s Team
#360077 Copied
Sooz

Participant

June 23, 2023 at 17:59

Hi,

Thanks for fixing the spacing. But the original main problem with the TABLE MISALIGNMENT was not resolved.

Can you see that the price is NOT under the price column and the quantity is NOT under the quantity column.

The product name (with image) looks like it’s overflowing or “pushing” out the column.

Here is screenshot again: https://prnt.sc/fGdMxN_cSX9v

Much appreciated for your quick response.

#360150 Copied

Tony Rodriguez

Support staff

June 24, 2023 at 06:01

Hello, Sooz,

We are pleased to inform you that your issue has been resolved. We have commented out the CSS code which was causing the issue. Please clear your browser cache and revisit your site.

For further reference, please refer to the images provided at the following links: https://postimg.cc/NLWfVT9V and https://postimg.cc/JGZ4Wnjh.

If you have any additional questions or concerns, please do not hesitate to contact us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#360179 Copied
Tagged: cart, data, header, misalignment, page, table, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)