Collection Title - Not alligned and remove white space

Store Design
, ,
1

Hey,

I’ve made some code changes that has effected my product title in the collection page.

Can some please help to:

  1. Align Product title, Vendor, Price

  2. Remove white space between all the above

I am working on a second theme so am unable to share URL for store

Screenshot_21.png
Screenshot_21.png1171×104 9.91 KB

2

@insideout_aus - you can share preview link and anyone here can help you with the css

3

Apologies - URL removed

4

Hi @insideout_aus

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css.

Step 3: Paste the below code at bottom of the file → Save

.grid-link__vendor {

margin: 3px !important;

min-height: 5px !important;

}

.grid-link__title {

min-height: 25px !important;

}

.grid-link__meta {

margin: 0 !important;

}

PageFlyVictor_0-1670763700487.png

Hope that my solution works for you.

Best regards,

Victor | PageFly

5

Thank you that worked perfect!

I will need to amend some of my product titles but that’s easy. Appreciate your help!

6

You are welcome @insideout_aus :blush: