CSS How to Make Image Display outside of div

Question

I have an image that i would like to extend beyond the div and display outside of the border that is displayed.

Every time i try and move it, the top of the image just gets cut off. (See the ebook image at the top of the 2nd column...)

Any help is much appreciated. Thanks

Answer 1

Try adding the CSS rule:

.entry-content {
    overflow: visible;
}

Currently the property is being set to hidden which, as the name suggests, hides all content that extends outside of its bounds. Setting it to visible lets the content be shown.

http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 2

<div class="entry-content">

The above code can be found via the chrome debugger. It's the container for your content boxes, including that image.

The entry-content class is currently set to overflow:hidden. Update that to overflow:visible or remove the .entry-content class from that div.