Solved

Dawn Theme, product name and price on the same row

AndreiGhetu
Tourist
53 0 3

Hi. I was wondering if someone knows how to put the name of the item and its price on the same row, one near the other.

This is the example:image_2023-03-01_194057838.png

 And this is how mine looks like:image_2023-03-01_194220421.png

I have tried to find something that works but no luck so far.

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3066

This is an accepted solution.

Hi @AndreiGhetu ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card__information {  
    justify-items: flex-start;
    grid-template-columns: auto auto;
    display: grid;
    margin-left: 10px;
    margin-right: 10px
}

.card__information .card__heading, .card__information .price {
    text-align: right !important;
    margin-top: -5px !important
}

PageFlyVictor_0-1677701259580.png

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1785 3066

Hi @AndreiGhetu ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

AndreiGhetu
Tourist
53 0 3

https://viellelondon.com

password: 123123123

PageFly-Victor
Shopify Partner
7865 1785 3066

This is an accepted solution.

Hi @AndreiGhetu ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card__information {  
    justify-items: flex-start;
    grid-template-columns: auto auto;
    display: grid;
    margin-left: 10px;
    margin-right: 10px
}

.card__information .card__heading, .card__information .price {
    text-align: right !important;
    margin-top: -5px !important
}

PageFlyVictor_0-1677701259580.png

Hope my answer will help you.

Best regards,

Victor | PageFly

AndreiGhetu
Tourist
53 0 3

It worked! Thank you so much! You are a true hero.

Wibke_Loh
Excursionist
37 0 7

Hi, 

 

this works fine, however the price ends up a tad bit lower then the title... any idea why?