Eliminate margins around image graphic in page content

[Alstin]

How can I eliminate the margins around my collage image graphic (benefits-collage.jpg) on this page http://templehealthcareers.com/benefits/? I want the sides and bottom of the image benefits-collage.jpg to touch the sides/bottom of the white box (r-corner-box).

[drake]

Try to add at Custom Style:

Code: Select all

img.wp-img-107 {max-width:130%;margin-left:-30px;width:660px;margin-bottom:-5px;}

[Alstin]

Hi Drake. It doesn't seem to be having an effect. I'm not sure I'm calling it correctly. I tried a '.' a '#' and also with nothing in front - just copying/pasting your code as is. Do you know what I'm doing wrong? Thanks.

[drake]

Ok, you can try this. Go and edit the page. Switch to HTML mode and go to the bottom where the <img> tag is located. Now it look like this:

Code: Select all

<img class="alignnone size-full wp-image-107" title="benefits-collage" src="http://templehealthcareers.com/wp-content/uploads/2012/05/benefits-collage.jpg" alt="" width="649">

Change width to "660" and add the remaining styles from my previous post. Your tag shoul look after that like this:

Code: Select all

<img class="alignnone size-full wp-image-107" title="benefits-collage" src="http://templehealthcareers.com/wp-content/uploads/2012/05/benefits-collage.jpg" alt="benefits" width="660" style="max-width:130%;margin-left:-30px;margin-bottom:-5px;">

Now the styles becames inline styles and should take precedence over other definitions so it not will be overwritten at execution time.

[Alstin]

That did it. Thanks my friend.