Styling Complementary products block

Topic summary

A user sought help styling the complementary products block on their Shopify store, specifically wanting to:

  • Move product names below images
  • Remove pricing information
  • Center all items and text

The solution provided involved adding custom CSS code to the theme.liquid file before the closing tag. This approach successfully resolved all three styling requirements.

Status: Resolved - the user confirmed the solution worked perfectly.

Note: The actual CSS code and product page link appear corrupted/encoded in the original conversation, but the implementation method (editing theme.liquid) was clearly communicated and effective.

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

Hi.

How do I get the product name to be below the image, remove the price and center all the items/text?

The link is https://www.rebelcopenhagen.dk/products/stovler-gron?

Thank you

@rebelcopenhagen ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid

Step 3. Add this code before tag


Result:

If it helps you, please like and mark it as the solution.

Best Regards :blush:

It worked perfect!

Thank you