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

Solved
Highlighted
Excursionist
37 2 4

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
Shopify Partner
1751 289 373

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
0 Likes

Success.

Hello 

 

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
1 Like
Excursionist
37 2 4

@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
37 2 4

@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