[Venture Theme] Make the product name on the product card appear below the image instead of over it

Solved
Excursionist
38 2 5

Hi there!

 

We're currently making a new theme, so here's the preview link instead: https://92cggj8qpcxttzv0-3935153.shopifypreview.com.

 

Since we have products that have a long name, I've decided to truncate it so now only 4 lines of the product name appear on the product card.

 

Now, I've noticed that the product name starts to appear somewhere in the middle of the product image, so it looks like this:Annotation 2019-06-25 151353.png

 

I want the product name to appear below the image, instead of it starting in the middle of my images. Has anyone done anything of the sort? Would appreciate the help.

Email: ela.v.tsm@gmail.com
0 Likes
Highlighted
Shopify Expert
2201 371 460

If you want to remove white space between image and title then follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-card__image-container {  margin-bottom: 0px; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes

Success.

Hello 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Excursionist
38 2 5

@Jasoliya wrote:

If you want to remove white space between image and title then follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-card__image-container {  margin-bottom: 0px; }

Pretty sure this isn't the solution. I've changed the code you requested, but now it looks like this:Annotation 2019-06-25 160827.png


Email: ela.v.tsm@gmail.com
0 Likes
Excursionist
38 2 5

@oscprofessional wrote:

Hello 

 


Ah, thank you for this! I'll still have to adjust some of the padding and such, but this definitely worked. Thanks!

Email: ela.v.tsm@gmail.com
0 Likes