• Hi, how can I increase the right and left padding around a blog post? Also around my comments area? Here’s the live URL www.travelersuniverse.com/things-to-do-places-to-visit-in-valencia

Viewing 3 replies - 1 through 3 (of 3 total)
  • Could you please be a bit more specific?

    Do you mean the side paddings of content area when viewed in small screen device?

    Theme is one column with no border line on both sides so the side padding on content area doesn’t mean a thing unless what you want here is to reduce the width of the content area, but it seems already optimized for text reading.

    Thread Starter lauratraveler

    (@lauratraveler)

    Hey Paul,

    I’ve actually managed to do that for the post area using #content .single-article article
    Here’s an example so you understand what I mean – www.travelersuniverse.com/how-to-start-a-blog

    Next, I would like to do the following:
    – make the title a bit wider than the post content
    – make the similar posts the same size as the post
    – make the comments area the same size as the post

    I would like this only for screens the size of a tablet in landscape or bigger.

    Hi Laura

    First please take this out (delete it from your custom css)

    #content .single-article article {
      padding-left: 19%;
      padding-right: 19%;
    }

    then use this code instead, it does everything you asked for above.

    .single-post .entry-content, {
    	max-width: 700px; margin-left: auto; margin-right: auto;
    }
    
    .single-post #comments,
    .single-post #respond {
    	max-width: 750px; margin-left: auto; margin-right: auto;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Increase padding % on blog posts’ is closed to new replies.