Image Distortion on News Page

Hi, I've added a new post on my news page which includes an image. When I previewed the page/post before publishing, everything looked fine - the image was below the written text which is what I wanted. However, now that it has been published, the image is terribly distorted and to the left of the screen with the text to the right of the image. Please tell me how to fix this?
www.iozzolino.com/news

 

Hello,

1.For your first issue

We have checked your website and it seems that you are using a too small image for your blog post, Use image of size (800x600)px, It will look fine.

2.For your second issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.post_content p {
float: left;
}

 

The above suggestions have not worked.
1. I would like the image to be below the text - not above which the CSS code you have me has created
2. No matter what changes I have made to the size of the image - as recommended, or when uploading the image selected the full size (800 x 140px) it is still distorted. Please see www.iozzolino.com/news
3. After each post, there is a little button which says "read more" however, if you click on it, you are just brought back to the home page. Please advise me how I can get rid of this "read me" button.
Many thanks.

 

Hello,

1). For the first issue,
Go to the blog.php file present in the Theme Directory and edit that file as shown in the image given below.



This will solve your issue.

2). For your second issue,
you have to use two same images of different size i.e. 270 x 190 pixels and 800 x 600 pixels in a blog post, one for featured image and second for the blog post editor respectively.
Go to the Posts > Edit and upload the image of size 270 x 190 pixels from the featured image section and upload your second image of size 800 x 600 pixels from the media button above the post editor.
follow the link for reference.
http://screencast.com/t/foqw0z5l8K

3). For your third issue,
Create your new blog page this will solve your issue, if not then,
Please provide the following information listed below.

Thread Link: http://www.inkthemes.com/community/threads/image-distortion-on-news-page.5729/
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will check and resolve your issue

 

Hi, your resolution for issue 1 has not worked, I followed your instructions and image for reference, but the blog is still the same.
the resolutions for issue 2 worked - many thanks
I will email you the details about issue 3 as per your suggestion.

 

Hello,

Your all issue has been resolved, you can your website. Now "read more" button link is also working fine.

If you want to remove "read more" button, then paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content_wrapper .content .post .post_content .read_more {
display: none;
}

If you want to remove the grey bar, then paste this code in Custom CSS

Code:

.content_wrapper .content .post .post_meta {
background: none;
}
.content_wrapper .content .post .post_meta .posted_by {
display: none;
}
.content_wrapper .content .post .post_meta .post_comment {
display: none;
}
.content_wrapper .content .post .post_meta .post_category {
display: none;
}

For social logo issue like facebook, tweet and pin it button,
there are lots of wordpress plugin for the social media, so you can search for it.