Centering Table on Page

Shopify Discussion

Topic summary

A Shopify store owner needed help centering a table on their dog bandana size guide page. Initial CSS attempts using custom liquid sections and margin-inline properties failed to resolve the alignment issue.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Place the code above the closing tag
  • Target the specific table element with styling

Outcome:

  • The user initially reported the solution didn’t work on a second page (general size guide)
  • Issue was ultimately resolved when the user identified the problem was with their table structure itself
  • Thread marked as resolved
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi!

I used the following on my site: However, it did not correct the problem, and my table is still not centered.

Can someone please assist me with this? Thanks!

https://www.vividcanine.com/pages/dog-bandana-size-guide

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

.section-template–23061550104823__custom_liquid_cf6EwD-padding > .tg { margin-inline: auto !important; }

 
1 Like
2

Hey @vividk9

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1743200472229.png
Moeed_0-1743200472229.png1893×914 177 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Thank you so much for your help! I really appreciate it, but I’m still having a bit of trouble with this page. I can’t seem to get it to center properly. Any advice would be great!

https://www.vividcanine.com/pages/size-guide

4

Got it to work! It was my table.

Thanks again!

1 Like
5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.