How to fix price alignment issue in Dawn 2.0?

Store Design
1

Hello, I am looking for help with this error.

once the price is above and once below.
How can this be adjusted?

Thanks!

alignment.PNG
alignment.PNG1197×574 148 KB

2

hi @Fell-Freunde

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store.

Regarding your concern to align the price on the product list or collection. Please add the code below and follow the instructions

Step1: Online store > Themes > Edit code > search for base.css

Step2: Paste the code to the end of the file

.product-grid .grid__item {

        position:relative;

    }

    .product-grid .card-wrapper {

        position: unset;

    }

    .product-grid .card-information__wrapper {

        padding-bottom: 5rem;

    }

    .product-grid .card-information__wrapper .price {

        bottom: 5rem;

        position: absolute;

    }

Hope this helps.

Best regards,

PageFly

3

Hi @PageFly-Victor many thanks for your reply.

i have entered it, unfortunately it does not work. i have also written to you again directly.

Maybe you have another solution? :slightly_smiling_face:

4

@Fell-Freunde sure, please you can send me your Page URL and i will write a properly code for you.
There’s might be different in the structures

1 Like
5

hi @Fell-Freunde

Hi, sorry for late response, can you try this :

Paste it in theme.liquid above the

6

Hi @Fell-Freunde , please add this to your css file :

.card__media {
height: 268px;

}

that will solve the issue