Thanks!

Click the image in question, click ADVANCED SETTINGS > follow image instructions

Make sure you scroll to the bottom and click UPDATE when you done.

I have a question about images and the text surrounding an image in a post. I would like to space my photos and text more than the default spacing. At the moment the text is always close to my photos and I would like bigger spacing. I understand hitting enter doesn't achieve this.

Is there a code or way of spacing the text away from the photos? My blog is wearingthetrousers.wordpress.com

Help much apprectiated.

I'm seeing you set it to 0.1em. That's almost nothing, so you might as well set it to zero:

.site-header {
    margin-bottom: 0;
}

If you want to move things even higher, you can turn it to this:

.site-header {
    margin-bottom: 0;
    padding-bottom: 1.5em;
}

(1.5 is the original value: change it to adjust the space.)

Now, some remarks about fonts and inline CSS:

a) Browsers normally display a font only if it's installed in your computer (except if you use Typekit, which embeds the font in your blog). So the fact that you specified Myriad Pro in the Text editor doesn't mean your visitors will see Myriad Pro: it's not a common font, so most visitors will see a different font (for example, I'm seeing Times in Safari and Bookman Old Style in Firefox, because that's what I've told my browsers to display when a site specifies a font I don't have).
Your options are:
1. Use one of the standard fonts that are installed in practically all computers; see here:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
2. Use one of the Typekit fonts you can see in Appearance > Custom Design (or Customizer) > Fonts.
3. Setup a separate Typekit account, setup a kit for your blog, etc etc; then and only then you can use Myriad Pro.

b) You used this in the Text editor, for each and every paragraph:
<span style="font-family:myriad pro;">TEXT</span>
First, the span tag is used to change characters, words or phrases that are part of a paragraph. If you wanted to change the whole paragraph, you'd write:
<p style="WHATEVER">COMPLETE PARAGRAPH HERE</p>
But since you wanted to change the whole post, applying the same change to each paragraph would be redundant. You'd simply write this:

<div style="WHATEVER">

COMPLETE CONTENT HERE

</div>

c) But you'd do this if you didn't have the Custom Design upgrade. Since you have the upgrade, there's no point adding such inline CSS.

So, remove the span tags from the Text editor, and add this in the CSS editor (except if you decide to use Typekit fonts):

.wf-active body {
    font-family: Arial;
}

This should take care of the widget texts too. I'm suggesting Arial, as I think that out of the few standard fonts it's the one that comes closest to Myriad Pro.

To turn the color of the widget texts into that of the main content, add this:

.site-main .widget-area {
color: #574D4D;
}

And I'm confused about the line spacing. You've added this:

p {
    line-height: 1.5em;
}

This applies to all regular text - main and widget alike. Do you mean you want a different line spacing for the widgets?

As for widening the sidebar, you moved it from right to left. Is this final?

.site-header {
    margin-bottom: 4.5em;
}

Decrease the number to decrease the space.

2-4 are also possible. They'll be easier to answer after you add all the widgets you want (so we can see how they behave when you widen the sidebar), and after you publish more posts (so we can see infinite scrolling in action). Re 3, change the font of what exactly? and change it to which font?

1 : Is there any way to make the entries higher, so that the first post is closer to the menu? (I removed the banner, but it wasn't high enough)

2 : Is there any way to make the sidebar wider?

3 : Is there anyway to change the font on the sidebar?

4 : This is a stretch, but is there any way to undo the endless scrolling?

Thank you!

#featured-content .entry-wrap {
	height: auto;
}

You'll see some strange background stuff appear if you do that, so you can override that and reset the background color to your background color like this:

#featured-content {
	background: #01576f;
}

Last, each featured post box has some padding at the bottom of one of it's inner elements (class="entry-summary") and you can remove that padding like this:

#featured-content .entry-summary {
	padding-bottom: 0;
}

Let me work on it a bit.

Thank you...

Please Please I need Help....

The blog I need help with is deepriverspringsestates.com

#primary {
padding-top: 0;
}

#content-sidebar {
padding-top: 0;
margin-top: -2px;
}

The blog I need help with is deepriverspringsestates.com

PS This has nothing to do with CSS editing or with the title of this thread, so yes, better post each different question as a separate topic, for the sake of other users who might look for the same question.

So now that each post is on a different page, is it possible to add a page where I can click and see all the posts as thumbnails?

Thank you

padding-bottom: 0;

to

.entry-title {
padding-right: 0;
text-align: center;
}

to make it

.entry-title {
padding-right: 0;
text-align: center;
padding-bottom: 0;
}

?

sorry I don't really understand coding :/

thank you again!

Add this rule to my previous suggestion:
padding-bottom: 0;
And add this as well:

.entry-content, .entry-summary {
    padding-top: 0.6em;
}

Change the value to adjust.

Every post will have an image before any text, is there any chance I can decrease the space between the post title and the image of the post?

To center the post titles, add this:

.entry-title {
    padding-right: 0;
    text-align: center;
}

Just another question,
Can I center the post titles?

Thank you

Please help I am quite new so I am not exactly sure what is and not possible, Thank you

Sarah

It looked like you had some empty paragraphs in your post text, and that was causing the extra space. I fixed it for you by clicking on the "Text" tab in the Edit Post screen, and then clicking "Update".