WordPress.org

Ready to get started?Download WordPress

Forums

Increasing indents in content (7 posts)

  1. RichieP
    Member
    Posted 3 years ago #

    Hello

    I'm fairly new to WP and am using the Genesis theme with child.

    I'm helping our football clucb build a new site and it's slowly coming together. However, how can I change the CSS in the child template to increase the indent for the text in the content? As you can see, the text starts too close to the red background on the left hand side.

    http://www.afcwulfrunians.co.uk/

    Thanks
    Richie

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    adding a left margin to this style in style.css might work:

    #content .page {
    	margin: 0;
    	padding: 0 0 15px 0;
    	}

    http://www.w3schools.com/css/css_margin.asp

  3. esmi
    Forum Moderator
    Posted 3 years ago #

    Add something like padding:0 20px; to the CSS for #content-sidebar-wrap.

  4. RichieP
    Member
    Posted 3 years ago #

    Thanks for the quick replies.

    Alchymyth that worked! I've added margin-left:10px and it looks spot on now.

    esmi, FYI, your suggestion sort of worked, but it moved a whole horizontal bar of the page to the right, so it moved into the posts on the home page.

    This can be marked as resolved. Cheers. I'm sure I'll be back.

  5. RichieP
    Member
    Posted 3 years ago #

    OK. I'm back already.

    I've just noticed this didn't alter my Posts page (match reports) so I added the same line to #content .post and it moved the content of the post, but the title and date are still tight to the border. Where can I change this one?

    Thanks again.
    Richie

  6. alchymyth
    Forum Moderator
    Posted 3 years ago #

    good thinking -
    however, i think your added line ended up in #content .post p {...} instead of #content .post {...}

    #content .post {
    	margin: 0 0 40px 0;
    	padding: 0;
    	}
    
    #content .page {
    	margin-left:10px;
    	padding: 0 0 15px 0;
    	}
    
    #content .post p {
    	margin-left:10px;
    	padding: 0 0 10px 0;
    	}
  7. RichieP
    Member
    Posted 3 years ago #

    Thanks again. That worked.

    Richie

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.