Saturday, July 22, 2017

Margins And Padding Example

I thought I would do a quick post on how to insert an image into your WordPress post. I understand that this really belongs over at “Blogging Extreme.com” and it will eventually find itself there. However, I not exactly sure how many of you take time to visit that site. So I’ll take the liberaty of posting here and then moving it over to Blogging Extreme at a later time.

WordPress ……. I think, starting with 3.0 ( I may be in error on that as I don’t always upgrade with ever release ) gave you the option of inserting the featured image directly into your post. Now, how cool is that ? I was really jazzed about the ability of taking my image on the homepage and using it to insert into the post so that I no longer had to do the banners. While the banners look cool I get hit by Google for using large images …….. slows things down a bit much for Google I guess.

When I went to insert my first image right after I upgraded my Blog at the first of February. I was hit with disappointment. OK, it looked like S&$T. All I needed was a little tweak here and there and I would be on my way. If I remember correctly, I worked on it for about 4 hours and could never get it to work right. I was pressed for time so I had to move on.

The other day I was working on a site build and came up with some code for styling that I decided to work with and the above image insertion is the result after I toyed with it for about an hour.

First let’s take a look at how this looks when you have WordPress insert the image.