What's your biggest current challenge? Have your say in Community Polls along the right column.

How to center product names and prices underneath the product images

Solved

How to center product names and prices underneath the product images

jonnbama
Tourist
11 1 2

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.  

 

LuxxJunkie.com

pass:  Testing1234

 

Any assistance is greatly appreciated.

Thanks

 

Screenshot 2024-11-21 at 4.59.53 PM.png

Accepted Solution (1)

DaisyVo
Shopify Partner
1024 130 144

This is an accepted solution.

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

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 3 (3)

AnneLuo
Shopify Partner
1138 211 235

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 </head> tag

<style>
.card__information,.card-information {
   text-align: center !important;
}
</style>


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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

DaisyVo
Shopify Partner
1024 130 144

This is an accepted solution.

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

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
jonnbama
Tourist
11 1 2

This worked perfectly.  Thanks!