How can I align my shopify product page name and price to be on the same line

[Wireless]

Hi,

Can someone kindly assist me,

I'm trying to align my products name and price to be on the same line, even though some product name are kind of long, maybe a see more under the name of the product setting.

Thanks

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

div#shopify-section-featured-collections .grid--view-items li.grid__item .product-card .h4.product-card__title {
min-height: 152px;
float: left;
}
.grid--view-items li.grid__item .product-card .h4.product-card__title {
    min-height: 152px;
    float: left;
    width: 100%;
}

[ZestardTech]

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

[Wireless]

store-umbrella.com 

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

div#shopify-section-featured-collections .grid--view-items li.grid__item .product-card .h4.product-card__title {
min-height: 152px;
float: left;
}

[Wireless]

I have tried it but didn't work for all, but the once it did work had there names far from the sale tab

. 

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

div#shopify-section-featured-collections .grid--view-items li.grid__item .product-card .h4.product-card__title {
min-height: 152px;
float: left;
}
.grid--view-items li.grid__item .product-card .h4.product-card__title {
    min-height: 152px;
    float: left;
    width: 100%;
}

[Wireless]

Thanks it looks a little better now, can you help me with the space between the sale and add to cart button.

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.grid-view-item {
margin: 0 auto 19px!important;
}

[Wireless]

Thanks, it worked.

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

[pikastore]

Hello,ive encountered the same problem in dawn theme. Anybody able to help me out plese?