Center align "you may also like" on the page, and center align text and product prize

Store Design
1

hey!

i am trying to center align “you may also like” on the page, and center align text and product prize underneath the product image within the “you may also like” section.

thank you for your help!

Bildschirmfoto 2022-01-30 um 15.38.32.png
Bildschirmfoto 2022-01-30 um 15.38.32.png970×1086 161 KB

2

btw, I am using Dawn theme

3

Hi @MatthiasD ,

I do not recommend you center the “You may also like” section because it may break the layout in the future.

Snipaste_2022-01-31_00-26-40.png
Snipaste_2022-01-31_00-26-40.png943×855 240 KB

To make title and price center-aligned, you can follow the steps:

  1. Go to Online Theme → edit code → Asset → component-card.css
  2. add the following CSS code snippet to the end of the file
.card-information__wrapper > * {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
	padding-right: 0;
  text-align: center;
}

.card-information__wrapper > .price > div {
	width: 100%;
}

PS: please use [email removed] to mention me because I turn off email notifications.

4

thanks @GavinChan , you are an absolute legend!