Tried everything and I can't figure how to reduce a margin and extend date header?

[GemmaLou]

http://i1206.photobucket.com/albums/bb453/GemmaLou90/helpimage.png

Hi everyone, I've tried numerous things to do what I want to on my blog and I've run out of ideas!

I would like to simply extend the blue around the date header. Add more width, but without changing anything about the text.

Also Im trying to reduce the margin very slightly between the left sidebar and posts, just move it across.

How can I do these things as im not very experienced with HTML or CSS and kinda don't have a clue what im doing! Thanks.

[alykins]

in that photobucket pic... can you alter it so that post "1" is what it looks like now and post "2" is what you want it to look like and then re-link your site

[GemmaLou]

Hi my link is missgemmalouise.blogspot.com

I hope you can help me, I haven't been able to get help anywhere else and Im almost giving up on it.

[GemmaLou]

Ok, the margin is resolved. Its just the date header now, any ideas? Thanks.

[alykins]

see if making these changes does it...
you currently have

<h2 class="date-header">
<span> then you have the date </span>
</h2>

try doing this...

<span>
<h2 class="date-header"> then date stuff </h2>
</span>

idk if that will work; try and let me know... also i dont think "-" in class/id names is a good idea, try changing all the "-" s to "_" (eg date_header)... also I did not see a class assigned to your span... are you styling all spans the same? ie idk where your span picked up that style
IMO you should avoid this and instead make a class and span the class...