custom.css - Add a margin to the home page

Hi,
I tried adding these corrections to the custom.css file without success:

@media (max-width: 991px) {
.items-leading > div {
padding: 15px !important; /* Ajouter une marge sur la page d'accueil */
}
}

@media (max-width: 1440px) {
.items-row .item {
/* (old) padding: 40px ; */
padding: 15px !important;

}

How should I proceed?
Best regards,

Yanick

Hi Yanick,

Could you share the URL of page and section you want to apply these custom css code?

Hi Saguaros,

Yes, of course, sorry about that. I’ve corrected the link (Site URL). It’s the homepage in its responsive version for tablets and phones.

Best regards,
Yanick

Hi Yanick,

With GK templates, the custom css code will be stored in /css/override.css file, not custom.css file.

And remember to enable CSS Override option in template

I just added above css code and it's applied now on the homepage of your website.

Kindly check.

Hi Saguaros,

Once again, thank you very much.
I wasn't aware of this setting, I've learnt something new, thank you.

Best regards,
Yanick

You're so welcome, Yanick 😉