Dawn Theme - Collection page information all the same in one line

Store Design
, , , , , , , ,
1

Hi,

Can someone help with the following. As seen on the picture below I want the information in the red box at the same height as the green box. So that the price and texts are in one line next to each other.

Scherm­afbeelding 2025-02-05 om 11.49.21.png
Scherm­afbeelding 2025-02-05 om 11.49.21.png1173×498 88.6 KB

2

Hi @ReluVOF

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

3

Hello @ReluVOF

If it is the default dawn theme of the Shopify then you can use below CSS.

.card__content .card__information {
    display: flex;
    flex-direction: column;
}
.card__content .card__heading.h5 {
    display: flex;
    height: 100%;
}

Add this CSS inside your customize theme → Theme settings → Custom CSS
Screenshot: https://prnt.sc/xefLUp3TOvXl

Here is the result how it will be look like after adding this CSS https://prnt.sc/U_c9OjuDUFrt

It is is not working in your case then share the store URL and if your store is password protected then share the password as well so I can check and assist you accordingly.

1 Like
4

@ChiragPatel2911

Thanks, it did the job!

1 Like
5

@DaisyVo

Hi, the store url is dekranenfabriek.nl

6

@ReluVOF

As I can see after adding the CSS in my browser with your store it is look like this to me.

https://prnt.sc/qz5OOA9yDjPs

May I know where you add that CSS?

7

Hi @ReluVOF

If some product titles are too long, extra space may appear between the title and price. I recommend using the Truncate filter to keep the product title within a single line. Please refer to the screenshot for editing the file, and feel free to reach out if you need any assistance.