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

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

Hello There,

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

store-umbrella.com

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;
}

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

.

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%;
}

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

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;
}

Thanks, it worked.

1 Like

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.

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