How do I center featured products name and price? (Dawn)

Store Design
1

Hi, so I am currently designing my website and I’ve added a featured collection to the homepage but I am struggling centering the name of the three products and the prices so they align in the center with the images.

Could someone give me a hand and explain how to center it?

https://epokhe-2912.myshopify.com/

pass: Savage650

1 Like
2

Hi @Epokhe ,

I understand that you want to center the name of the three products and the prices so they align in the center with the images.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid” or “styles.scss.liquid” file, depending on which file your theme uses to store its CSS styles. (better you put in the theme.scss folder since it’s a header).
  4. At the bottom of the file, add the following CSS code:
.card__information {
    text-align: center;
}
.card-information {
    text-align: center;
}
  • I hope it help.
3

Thanks for the quick answer Rose,

I cannot find neither of the files under Assets folder unfortunately. is it possible it’s named differently?

Thanks

4

Oh, I think it name diffrently. Try to find the css.liquid or .css in the end, What I check base in your source the name file is component-card.css.

5

Worked perfectly, thanks a million!

6

Welcome! Happy to help. :blush: