how to I reduce the padding on the insta feed app ?

Spujeh · ‎11-15-2024

I want my instagram to be full width with minimum padding on the sides. ive tried a few codes on here but they do not work for me im using dawn theme 15

DaisyVo · ‎11-16-2024

HI @Spujeh

To complete your requests, please follow these steps:

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

.page-width:has(div#insta-feed) {
    max-width: unset !important;
    padding-inline: 5px !important;
}
.instafeed-new-layout-container {
    width: 100% !important;
}
.instafeed-new-layout-item {
    width: 100% !important;
}

Here is the result: https://prnt.sc/_rD-6UJ3ucwm

I hope this helps

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Made4uo-Ribe · ‎11-15-2024

Hi @Spujeh

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

Spujeh · ‎11-15-2024

www.pujehome.com

password SNOW6

Spujeh · ‎11-15-2024

www.pujehome.com

pw: SNOW6

DaisyVo · ‎11-16-2024

HI @Spujeh

To complete your requests, please follow these steps:

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

.page-width:has(div#insta-feed) {
    max-width: unset !important;
    padding-inline: 5px !important;
}
.instafeed-new-layout-container {
    width: 100% !important;
}
.instafeed-new-layout-item {
    width: 100% !important;
}

Here is the result: https://prnt.sc/_rD-6UJ3ucwm

I hope this helps

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

Spujeh · ‎11-16-2024

Thank you , that worked !

how to I reduce the padding on the insta feed app ?

how to I reduce the padding on the insta feed app ?

Community Blog Articles