Shopify themes, liquid, logos, and UX
Hi there community! Im rebuilding some section inside my homepage. I want to show image inside slider resizing correctly.
you can see full image here, in a blog section.
And here is how it shows in my slider homepage desktop view (i got the same problem at mobile view)
I can share preview url by pm. Any file needed just tell me please! in advance thanks anyone who helps me 🙂
Solved! Go to the solution
This is an accepted solution.
Hi @SHIBdev,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.featured-articles-slider .article-block__image{
padding-bottom: 130% !important;
}
Hope it helps!
Up!!
anyone is able to help me?? 😔
i made some changes and i found some way to get it resize correctly, but now i want to remove some space between them, making images fit max-width content.
here is url preview to see it, its on desktop view at homepage.
https://0w5mi614mvv0ejj7-53196980409.shopifypreview.com
In advance thanks for everything!
This is an accepted solution.
Hi @SHIBdev,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.featured-articles-slider .article-block__image{
padding-bottom: 130% !important;
}
Hope it helps!
@LitCommerce Thanks so much! Sir it works really well, exactly what i mean..! appreciate that ! have a good day 🙂
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025