How can I center a table on a regular page?

[miltokas]

Hi there!

I am trying to center a table in a page but when I use the align option of the editor it only applies to the content of the table, not to the table itself.

I have tried all possible solutions here in the forum but none of them has worked out.

Do you have any ideas? Thanks!

Theme: Dawn

Page: https://venga-store.com/pages/men-shirts-size-chart

[Guleria]

use this
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;margin: 0 auto;" data-mce-fragment="1" data-mce-style="border-collapse: collapse; margin: 0 auto;">

[niraj_patel · Accepted solution]

Hello @miltokas 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 table:not([class]) {
   margin: 0 auto !important;
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[worncurations]

Hello, I have tried following your above steps mentioned to center the entire table displayed on my shipping page but it doesnt seem to be working. I have managed to center everything else besides the table so far. Would you be able to help me? https://worncurations.com.au/pages/shipping

Thanks 🙂

[PageFly-Henry]

Hi @miltokas 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.page-width--narrow {

    max-width: 46.6rem !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly