Remove padding from blog posts – Mobile

Hello,

To remove/edit the padding you can add this to your custom CSS:

@media (max-width: 768px) {
  .style3-blog .article-details {
    padding: 30px 5px;
  }
}

Let me know if that is what you are looking for. You can adjust “5px” to your preferred padding size.

Cheers,
ClicksFix

You’re welcome. I double checked your end result and am happy to see you customized it to your preferred style, but I would recommend a slight change for correctness. Use the following snippet:

@media (max-width: 1330px) {
  .style3-blog .article-details {
      padding: 0;
  }
}

instead of…

@media (max-width: 1330px) {
  .style3-blog .article-details {
      padding: 0px 0px;
  }
}

If you ever have a 0 unit there is no need for a unit identifier (e.g. “px”). Also, if you have identical values for all four sides (top, right, bottom, and left) you only need to post it once as it will apply to all of them.

Check out this helpful article to learn more: https://css-tricks.com/almanac/properties/p/padding/

Cheers,
ClicksFix

You’re welcome. It appears your other question has been solved by another member. Glad we got this one solved.