[Theme Twentyeleven] Changing the paragraph spacing

A similar challenge I am having is that I would like to add a one line space at the top of all my posts and pages, or otherwise move the entire text one line further down. (This is because at present I cannot reposition my social media buttons and they are a bit too close for comfort).

If I just press enter at the top of the page in the visual editor not gap is created on the page – is there another way to resolve that?

thanks kindly for your help – it is really appreciated

link moved to: https://nadaav.com/soundasleep/the-film/ thanks.

Ah sorry, url moved again. https://nadaav.com/soundasleep/the-crew/ but really it refers to the whole https://nadaav.com/soundasleep site

Are you querying where you need to make the CSS change, rather than what CSS you need?

Thanks for your reply.

I am asking what I need to do, be it CSS, settings etc. So assuming its CSS, I’d like to ask what I need to change, and where. (Sorry I don’t know how to write code myself).

thanks very much, I’ll really appreciate the help.

Download (and install) a Custom CSS Manager plugin to hold your CSS modifications.

Then enter;

p {
 margin-bottom: 1em;
}

Mess about with the 1 value, the smaller the value, the smaller the gap. You can go into decimal places or even minus values.

Thanks loads – will this work with the child theme I am currently using? I am happy to copt and paste/atttempt to alter code in the style.css within the child theme.

Actually I added your code into my child theme style.css and changed the margin bottom to 0 and that worked, but I realise now that I want to do the same thing to my headings – have a zero margin beneath them.

I tried adding this to my style.css:

h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 0em;
}

But it had no effect.

Can you advise?

Also if you have any idea on how to move the top of the text area on all the pages down a bit so they don’t sit so close to my social media buttons (which I cannot move) I would appreciate it.

Thanks for your help

Out of interest, should those changes I have made to the paragraph spacing also appear in the visual editor as I type – right now they done.

To clarify what I meant here:

Also if you have any idea on how to move the top of the text area on all the pages down a bit so they don’t sit so close to my social media buttons (which I cannot move) I would appreciate it.

I’d like to add an extra line space at the very top and very bottom of the content of each post/page.

thanks

Are you using a browser developer tool like the one built in to Google Chrome?
That’s all you need to answer your queries.

Sorry no, I don’t really know what that is or what it is for.
I have been using textmate for mac to edit the css but I’m a total beginner.

I don’t want to edit the actual main theme, which is what it looks like that chrome tool is for.

To solve my other issues I have simply added code into the child theme’s style.css – can that not be done to solve these issues?

can that not be done to solve these issues?

Yes, that can resolve your issues regarding CSS.

Also I can’t see how that tool would help me in terms of correcting the spacing inside the visual editor – the spacing is currently showing just as it was BEFORE I made the bottom margin change you recommended

I’m really sorry – I am struggling to understand how to use that tool for this purpose.

I think I now know exactly what I am asking for though:

I would like to reduce the line spacing and bottom margins in my h1,h2 and h3 headers. I may also need to reduce the top margin in my paragraphs.

I have created a child theme style sheet but cannot work out what code I need to place in it and where.

Are you able to advise me on what code I would need to alter?

My site again is https://www.nadaav.com/soundasleep.

thanks kindly