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 🙂
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025