I try to remove padding from my blog page alone

[yvescleeren]

I have added a custom body class on the blog page 'remove-padding-mobile-blog"

/* hide padding on mobile */
@media (max-width: 767px){
.remove-padding-mobile-blog .x-container{
width: 100% !important;
}
}

But this not work.

/* hide padding on mobile */
@media (max-width: 767px){
.x-container{
width: 100% !important;
}
}

This works, but it removes the padding from all pages.

I have tried to add the page-id-110 (in my case) but it doesnt work. I cant even find the 110 class when I inspect the code.

How do I resolve this (only have blog page affected, and single-post)

Thanks in advance

[mldarshana]

Hi There,

Thanks for writing in! Please provide us with the URL to your blog page, so that we can assist you with a possible workaround.

Thanks!