Adjust Element inline padding-bottom

[charlesny09]

Hello,

I'm having a hard time trying to figure out where the padding-bottom is located. When i inspect the code it comes as "inline" assuming its somewhere in the backend. I'm trying to adjust the percentage from 100% to 65%.

Any assistance is greatly appreciated.

[Rahul Gupta]

Hi @charlesny09 

Please share the link of the screenshot as it is visible only once moderator approved it.

Thanks!

[charlesny09]

It’s on the homepage just scroll midway and you’ll see it

Thanks!

[Vimal Kumar]

Hi @charlesny09,

It looks like, padding  bottom in inline added into the phtml file.

You can find phtml template file using template hints. You can refer below link.

https://docs.magento.com/m2/ce/user_guide/system/template-path-hints.html
https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/themes/debug-theme.html

Edit template file and check once.

I hope it will help you!

[Rahul Gupta]

Hi @charlesny09 

Instead of changing this inline you can create a new css and add in the layout file and add the changes there.

I have recently did it and it is working fine.

For creating new css file you can use the below link.

https://magento.stackexchange.com/questions/108685/how-to-add-a-custom-css-file-in-magento-2

Thanks!

[theMageComp · Accepted solution]

Hello @charlesny09 

In your default style.css or styles-m.css file, try placing the below code.

.product-image-wrapper 
{

padding-bottom:65% !important;

}

Check this http://prntscr.com/pyiaa5

flush and clear the cache and also run deploy command if needed after adding the code above.

[charlesny09]

worked like a charm! Thank you all for your helpful input