How can I align reviews and prices on my theme file?

Shopify Discussion
1

Hi there,

Is there a way I could add some codes to my theme file to align the reviews and prices?

Thanks for your help!

oliviampeng24_0-1638466408720.png
oliviampeng24_0-1638466408720.png740×1600 113 KB

Website: www.neuve.com.au

Kind regards,
Olivia

1 Like
2

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:

@media screen and (max-width:480px){

div#shopify-section-collection ul.grid li.grid__item {
margin-bottom: 10px;
}

div#shopify-section-collection ul.grid li.grid__item .grid-view-item {
margin-bottom: 10px;
}

div#shopify-section-collection ul.grid li.grid__item .grid-view-item .h4.grid-view-item__title {
min-height: 41px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
}