Dawn theme - display product card information in one row (inline)

[JosephineJ]

Hi

Im looking for a solution on how to display the product card information in one narrow row instead of two. I have a hover function on price, and I want it to display to the right of the price and not below it.

https://8y0q121rxluivviw-61803987143.shopifypreview.com

If needed, password: emogjose

[PageFly-Richard]

Hi @JosephineJ

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

.full-unstyled-link {

width: 140px;

}

.card__information {

display: flex;

flex-direction: row;

align-items: center;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

[JosephineJ]

Thank you! It worked to make it one row, how do I make the price the same font size as the title, and move it to the far right?

[JosephineJ]

I would love if it could look like this

[PageFly-Richard]

@JosephineJ
try with this code:
.price>* {
font-size: 14px !important;
}
.card-information>.price {
display: flex;
justify-content: flex-end;
}