RichieP
Member
Posted 2 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
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
Add something like padding:0 20px; to the CSS for #content-sidebar-wrap.
RichieP
Member
Posted 2 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.
RichieP
Member
Posted 2 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
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;
}
RichieP
Member
Posted 2 years ago #
Thanks again. That worked.
Richie