Getting rid of whit space at top of post?

What you want to do is go into your style.css and change the line of code that follows:

.art-Post-body {
padding: 7px;
position: relative;
z-index: 1;
}

so that it looks like this:

.art-Post-body {
position: relative;
z-index: 1;
}

So you are just removing the line that says:
padding: 7px;

Hi Kaedues,

Thank you so much for that do you have any idea how to move my picture in the post up a little bit as well and also get my navagation bars at the top back to go to the next and previous post.

Mark

Your CSS class of wp-caption also has padding (4px at the top) – you’ll need to remove this in style.css to move your image up. Just be aware that by doing this you’ll be affecting all images that have a caption.

Hi Phenomenoodle,

I have just done that and it hasn’t changed it at all any thoughts why not???

Mark

Not sure – it worked for your site when I did this using Firebug in Firefox to test it.

I see you also have a margin setting, which you can tweak e.g. if I change margin: 10px; to margin: 0 10px; then it moves up. You may still want a bottom margin though ie margin: 0 10px 10px 10px;

I think that phenomenoodle’s suggestion for changing the margin looks good, but like he said it will affect all images that have a caption. So, your current setup looks like this:

.wp-caption {
background-color: #F3F3F3;
border: 1px solid #DDD;
margin: 10px;
padding: 0px;
text-align: center;
}

and you should change it to this:

.wp-caption {
background-color: #F3F3F3;
border: 1px solid #DDD;
margin: 0px 10px 10px;
padding: 0px;
text-align: center;
}

Thank you again phenomenoodle and Kaedues.

I have sorted it now it didwork i hadn’t done it right.

Could you please help me on this as well as i am trying to change the link to the left of the picture to go blue when i hover over it like the footer and page title does…I can’t find it at all in the css . Any ideas?????

Thanks Mark

Do you want it to be for all links or just the one that says “Download Flight Pro Sim for FREE here”?

just that one Kaedues please. However i have a link in the same place on every post so would like only that link on every post if that nmakes sense. Mark

I see that link is actually an h3, so you could set your a:hover for h3 to color #000099 (that’s the same as for your page title). Your current a:hover for h3 is in style.css on line 953:

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    color: #5E6949;
    font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif;
    font-size: 19px;
}

Remove the comma after a:visited as well as h3 a:hover from the above and create a new section for a:hover i.e.

h3 a:hover {
    color: #000099;
}

This will affect all h3s, however. If that’s not ok, you could create a css class specifically for your link in the post, which you’d then have to specify in each post to make the links change color when you hover over them.

That’s excellent thank you phenomenoodle all sorted

Still trying to learn this as i go lol

Mark