How to remove side padding from promotion grid Impulse theme

[lagentilestore]

Hi!

Can someone help me with removing the side padding from the promotion grid on my home page? There should be some spacing in between each image but not at the sides. I did mark 'full  page width'. See print screen. 

Hope someone can help me out! 

[Made4uo-Ribe]

Hi @lagentilestore 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.flex-grid--template--23623613415757__promo_grid_WejeYc .flex-grid__item {
    padding-left: 0 !important;
}
.flex-grid--template--23623613415757__promo_grid_WejeYc {
    padding-right: 0 !important;
}
@media only screen and (max-width: 749px){
    .flex-grid--template--23623613415757__promo_grid_WejeYc .flex-grid__item {
        padding-top: 0 !important;
    }
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[lagentilestore]

Thank you but now the space in between the picture is gone as well.. It should only remove the side space (see red circles) 

[Made4uo-Ribe · Accepted solution]

Replace on this code. Same Instruction. 

.flex-grid__item--advanced_XWNqEq.type-advanced {
    padding-left: 0 !important;
}
.flex-grid--template--23623613415757__promo_grid_WejeYc {
    padding-right: 0 !important;
}
@media only screen and (max-width: 749px){
.flex-grid__item--advanced_dE7Cwc.type-advanced {
    padding-left: 0 !important;
}
}

And Save.

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[lagentilestore]

This worked! Many thanks!

[Made4uo-Ribe]

Welcome! Would you mind hitting 'like' as well? Thanks!

[PageFly-Amelia]

Hi @lagentilestore 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.flex-grid__item.flex-grid__item--50.type-advanced {

    padding-left: 0 !important;

}

.flex-grid.flex-grid--gutters.flex-grid--template--23623613415757__promo_grid_WejeYc {

    margin-left:  0 !important;

    padding: 0 !important;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly