Centre Product Card Info Relative to Featured Image

Store Design
1

Hello,

I am trying to re-position the product card info on: https://bit.ly/3rGPsJt so that it is centre and relative to featured image.

I’ve add the following code to the base.css file

Is it possible to add code such that the product card info stays centre as the screen changes size?

@media only screen and (min-width: 1200px) {
#ProductInfo-template--16394678730996__19e44ff5-bd64-4cc4-89c2-50d289b7dace {
margin-top: 7.5em;
}
}

thanks

nooroots

2

@nooroots

can you please share screenshot which part do you want center?

3

Hi Ketan Kumar,

Thanks for the fast reply.

It is the last section before the footer:

nooroots_0-1665256139581.png
nooroots_0-1665256139581.png2188×987 117 KB

It’s centered there but its not responsive to change screen size. For example, at 1100px it is aligned top.

nooroots_0-1665256326436.png
nooroots_0-1665256326436.png1400×725 82.6 KB

A template image with text section will always centre the text & image if this option is selected

Thanks

nooroots