[Resolved] remove padding on images

[Alex]

Hi team GP

Is it possible to remove the padding between the 4 images (lunch, dinner etc) and also on either side so that it looks like this –

https://ibb.co/sb84v5R

Thanks in advance for your help!

[Leo]

Hi there,

Try this CSS:

#generate-section-3 .lgc-column {
    padding: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Alex]

Hi Leo,

Thanks for that, it’s removed the padding on the inner but the each outer edge still has padding on it?

What part is that CSS targeting exactly? How does it relate just to that section?

Sorry if that’s a really stupid question!

Thanks,

Alex

[Leo]

Add this CSS as well:

#generate-section-3 .generate-sections-inside-container {
    padding-left: 0;
    padding-right: 0;
}

Let me know 🙂

[Alex]

Thanks Leo!

Worked perfectly!

Does DP add a new number to each section created then? Like in the example below –

#generate-section-3
}

So you can then target different sections that way? Or could it be done by adding a class to the section instead?

Thanks,

Alex

[Leo]

Yup the section ID is automatically generated if you don’t add a custom one yourself.

[Alex]

brilliant, thanks for the info and for your help!

[Leo]

No problem 🙂

[Author]

Posts