Reduce Title padding in Related Products section?

[LightStyl]

Hi all, I've seen some questions on Related Products but nothing I'm looking at here. Is there anyway to reduce the space between the product title and the photo?

I went into the asset code directly and couldn't find anything that worked. I'm just hoping to reduce it by maybe 25%

Website is www.plumeskin.con

[JasmeetVT14313]

Hi @LightStyl 
Please share the store URL

[LightStyl]

Hi there just added to main message but it's www.plumeskin.com then any product page has it. Actually the product carousel on the homepage as well. Theme is Sense

[JasmeetVT14313 · Accepted solution]

@LightStyl 

Try adding below code to end of "component-card.css" file

@media screen and (min-width: 750px){
.card__information {
    padding-top: 1rem;
}
}
@media screen and (max-width: 750px){
.card__information {
    padding-top: 0.75rem;
}
}

 Let me know for any concerns.
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[LightStyl]

That worked thank you - should be good on spacing as well (assuming the .75 is the 25% reduction). Thank you for the quick response.

[LightStyl]

Sorry quick follow-up but I have the same issue with the mobile view on Featured Product. I tried the same code just in case it worked but no luck reducing gap between image and text.

 

[JasmeetVT14313]

Hi @LightStyl 

Try adding the below code to the end of "component-slider.css" file.

@media screen and (max-width: 749px){
.slider.slider--mobile .slider__slide{
padding-bottom:24px;
}
}

If you require further help, please don’t hesitate to reach out.
If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Like and Mark it as Solution!