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

Technical Q&A
1

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

2

Hello There,

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

3

store-umbrella.com

Capture.PNG
Capture.PNG805×599 133 KB

4

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

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

.

6

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

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

Capture1.PNG
Capture1.PNG1016×657 120 KB

8

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

Thanks, it worked.

1 Like
10

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.

11

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