Increasing indents in content

  • RichieP

    (@richiep)


    15 years, 5 months 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Michael

    (@alchymyth)

    15 years, 5 months 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

    esmi

    (@esmi)

    15 years, 5 months ago

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

    Thread Starter RichieP

    (@richiep)

    15 years, 5 months 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.

    Thread Starter RichieP

    (@richiep)

    15 years, 5 months 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

    Michael

    (@alchymyth)

    15 years, 5 months 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;
	}
    Thread Starter RichieP

    (@richiep)

    15 years, 5 months ago

    Thanks again. That worked.

    Richie

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

The topic ‘Increasing indents in content’ is closed to new replies.