Image HTML

you need to style via your theme stylesheet, or you can use inline styling .

How would i do that? Sorry im a bit of a beginner at this but a quick learner!

Bare in mind i only need to do this on one page not all

https://www.w3schools.com/css/
https://www.w3schools.com/css/css_howto.asp
https://www.w3schools.com/css/css_margin.asp

this WordPress forum is not the space to teach fundamental formatting.

styling via css means you need to edit theme file (usually style.css) but works for all of your images post.

styling via inline just works for specific content, if you just need to do this on one page. (code below will make the image has no margin at the top)

<img class="alignnone size-full wp-image-345" style="margin-top:0" width="704" height="160" alt="" src="imagesource" title="beginnerbanner">

you may need to read https://www.w3schools.com/css/css_margin.asp for an example

Thanks for ur help blacklizt i appreciate it.

The problem i’m having now is that the image is inside the post content, i can edit the margin in the post content so that the image has no margin but then the text of the blog is too close to the edge.

Any ideas?

how we know pls provide live url for better understand

I dont think the URL will be of much use but here u go –

https://completemuscleandfitness.com/index.php/344-2/

wp-content/themes/Polished/style.css

line no:58

p {
padding-bottom: 10px;
}

check it

I’ve just had a look, changing the value just moves where the blog starts from. It doesnt actually do anything for the image.

I have the image up now on the URL posted.

i dont understood what u say. explain

If you go to this URL – https://completemuscleandfitness.com/index.php/344-2/

The image at the top of the page i would like to have no gaps from the top of th epage or the left. As you can see it has gaps at the moment.

I can get rid of these gaps if i change the margins of postconent in my style.css. But, that makes my blog too close to the edge.

Basically i want to get the image to fit perfectly without moving the blog underneath.

u have change css file.
u r create the new class for image and put !important for that

If i do that wont it be on every page? I only want it on one page.

1. Do not use !important except as an absolutely & utterly last resort. It can really screw up other CSS changes longer term.

2. The problem isn’t the CSS on the image. It’s the margin-top on #content #main .new_post

Ive nearly done it, just a gap above the image now i cant get rid of! Any ideas?