Adding padding (responsive) to my single posts

  • Resolved jamelalivinglife

    (@jamelalivinglife)


    6 years ago

    Hi there!

    I would like to add some padding for my content area in my single posts. I tried doing this >> .single-post .entry-content { padding-left: 20px; padding-right: 20px; }

    But the problem is that it is not responsive. I only want to add padding to larger size screens (like laptops) Anything smaller than that, for example iPad for phone size, I want to keep the original padding.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ikaring

    (@ikaring)

    6 years ago

    Just wrap it with media query (iPad portrait as 768px wide):

    @media all and (min-width: 769px) {
  .single-post .entry-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
    Thread Starter jamelalivinglife

    (@jamelalivinglife)

    6 years ago

    Awesome! It works. Thank you so much iKaring for your quick reply and your help!

    ikaring

    (@ikaring)

    6 years ago

    Good!
    Pls mark this as resolved, thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Adding padding (responsive) to my single posts’ is closed to new replies.