Twenty Ten Margins

You’ll need to modify the CSS (be sure to use a child theme) — and beware that messing with layout and margins can be much more complicated than it might seem.

Firebug will be a useful tool to do this kind of work.

Thanks for your reply. I have Jetpack installed and have the CSS Stylesheet Editor installed. I just don’t know the code to make the alteration I require.

I’ve done some searching on the forums, but have come across zilch.

Jetpack — great! So the thing about changing margins/layouts is that all the elements on the pages (various templates) fit together like a jigsaw puzzle — so when you start changing them in one place, it affects potentially many others. Unless you have some knowledge and experience with CSS, it’s really easy to completely mess up the site :).

That said, it also depends on what, exactly, you are wanting to change – is it only the width of the content section on the pages with no sidebar?

Aah, that makes sense – like a puzzle.

All I want to do is change (increase) the width of the content section on each page with no sidebar.

Have a look at my website: https://www.impactcopywriting.co.uk

As is stands, the content (text) area of each page starts slightly after the ‘second page heading’ (Why hire a copywriter), and ends a fraction after ‘Copy Clinic’. I want to increase the content area (body copy) so that it starts in line with the second heading, and ends with the penultimate heading. Understand?

So we’re just increasing the content space. Is this possible to do?

But then again … I guess it’s specifically designed like this as its easier to read?

Maybe — there were probably a number of reasons relevant when it was designed – which was three years ago. So hard to guess now.

The width of that section for the single pages is set in this CSS:

.one-column #content {
    margin: 0 auto;
    width: 640px;
}

So try adding the above to your custom CSS, and then changing the width – see how wide you want it. Then be sure to check that all your pages are okay. It’s really the sidebar pages that get more complicated, so hopefully this one will do it.

WOW … you are a STAR!

Thank you ever so much. It worked and I have now altered the content page so that it ‘looks’ more appealing to my eye. Woop, woop.

Where are all of these codes kept? It will be useful to find them.

I also want to get rid of some blank space between the padding and the widget area … done some searching but can’t find any codes.

Thank you once again. Much appreciated.

Check out Firebug – it’s a browser addon for Firefox — and is really useful for working with CSS. It shows you where CSS styles are coming from and which ones are affecting specific elements or areas of a page. One you see those, you can copy the CSS parts you want to change into the custom CSS – and make changes there.

This is a good CSS reference which will also be useful:

https://www.w3schools.com/css/

Awesome. Thank you very much.