How can I center a table on my online store page?

Store Design

Topic summary

A user is trying to center a table on their online store page but encountering difficulties. The issue appears to involve editing pages under the online shop section.

Proposed Solutions:

  • Mike from Omega confirmed the specific table needing centering via a screenshot
  • GemPages provided a technical solution involving:
    • Navigating to Edit code in Online Store
    • Adding custom CSS code above the </body> tag in the Theme.liquid file
    • GemPages included screenshots showing the expected result after implementing the code

Status: The user confirmed the table in question. The discussion appears ongoing, awaiting confirmation of whether the proposed CSS solution resolves the centering issue.

Note: Some text in the conversation appears corrupted or reversed, which may indicate formatting issues in the original posts.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I wanna center the table here. Idk why but it just doesn’t want to!! Can I find a solution too when I edit the page under online shop ➔ pages?

https://taneraskin.com/pages/karriere

Best,

Isa

2

Hi @isabellemaria

This is Mike from Omega

Is this table that you want to be center?

MikeOmega_0-1678064445314.png
MikeOmega_0-1678064445314.png1423×789 52.2 KB

3

Hi @isabellemaria ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1678078280623.png
GemPages_0-1678078280623.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1678078368206.png
GemPages_1-1678078368206.png1116×855 19 KB

The Table show like this when you add my code:

GemPages_2-1678078396335.png
GemPages_2-1678078396335.png1482×748 52.6 KB

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

4

Yes this is the table I want to center.