Center text under a product image within Featured collections

Shopify Discussion
1

Hello everyone, Merry Christmas !

I have a small problem that I cannot resolve. I use the ‘dawn’ theme.

I would like to center the text of the ‘Heading and price’ underneath the product image on my home pages ‘Featured collections’ For now it aligns to the left of the image. Is there a way to do this?

Many thanks to anyone who could help with this

2

hi [email removed]Aduragbemi45

www.vikicover.com

thank you so much

3

Hi @saymo606

  1. Go to Online Store → Themes → Edit Code.

  2. To make the Title, Price of the Product centered in “Featured collections,” you need to add the following CSS code at the end of the file “base.css”:

.collection:has(.title.h1) .card__information,
.collection:has(.title.h1) .price  {
	text-align: center !important;
}

view (2).png
view (2).png1908×941 72.5 KB

Here is the result:

view (3).png
view (3).png580×622 89.6 KB

  1. If you want to align all Titles, Prices, and Product Carts on your website, just add the following CSS code at the end of the “base.css” file.
.card__information,
.price  {
	text-align: center !important;
}

Here is the results:

view (4).png
view (4).png1159×878 162 KB

I hope that it will work for you.

4

Hi and thank you for your help. Sadly this does not work for me.

1 Like
5

How can I change the text hover color while still having the hover effect showing the second image on?