How can I center a table in Context Theme?

Store Design
,

Topic summary

A user seeks help centering a table of photos at the bottom of a specific page on their Shopify store using the Context theme.

Initial Attempts:

  • The user tried adding CSS code to their theme.liquid file (.type-body-large table { width: 100%!important; })
  • This approach was previously recommended but did not work

Proposed Solution:
A PageFly support representative suggests:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the theme.liquid file
  3. Insert specific CSS/markup code before the </body> tag

Current Status:

  • The user reports the initial solution isn’t working
  • The support representative provides an alternative code snippet with a reference image showing the desired result
  • Discussion remains open as implementation is still being troubleshooted

Note: Some code snippets in the conversation appear corrupted or reversed, which may indicate formatting issues in the original thread.

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

Hello! Sorry for the basic question, can someone help me center the table (the photos) at the bottom of this page?

https://stanleykorshak.com/pages/ines-di-santo

Someone recommeded adding this to the theme.liquid which I have, but it has not worked.

}

.type-body-large table { width: 100%!important; }

TIA!!

2

Hi @SHinojosa ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Thank you for the quick reply! But that doesn’t seem to be working.

4

If you want like this, you can try this code below:

PageFlyVictor_0-1680206543840.png
PageFlyVictor_0-1680206543840.png1073×744 137 KB
1 Like