How to center product names and prices underneath the product images

Store Design
, , , ,

Topic summary

A user needed help centering product names and prices underneath product images on their Shopify store homepage, specifically under the featured products section.

Solutions Provided:

Two community members offered CSS-based fixes:

  • Option 1: Add custom CSS code before the </head> tag in the theme.liquid file
  • Option 2: Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and paste:
.card__information * {
  text-align: center !important;
}

Outcome:

The issue was resolved successfully. The original poster confirmed that the CSS solution worked perfectly for centering the product information as intended.

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

I need to find a way to format the product names and prices so that they are centered directly below the product image that they go with as opposed to being way offset to the left side below each product. This is on my homepage under featured products.

pass: Testing1234

Any assistance is greatly appreciated.

Thanks

Screenshot 2024-11-21 at 4.59.53 PM.png
Screenshot 2024-11-21 at 4.59.53 PM.png3552×1162 271 KB

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hi @jonnbama

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card__information * {
    text-align: center !important;
}

Here is the result: https://prnt.sc/oZDlX8eDE2uD

I hope this helps

Best,

Daisy

1 Like
4

This worked perfectly. Thanks!