CSS How to make image display out of div

Question

I have an image that I would like to expand outside the div and display outside the displayed border.

Every time I try to move it, the top of the image just turns off. (See image of the ebook at the top of the second column ...)

Any help is greatly appreciated. Thanks

Answer 1

Try adding a CSS rule:

.entry-content { overflow: visible; } 

Currently, the property is set to hidden , which, as the name implies, hides all content that goes beyond its borders. Setting it to visible allows you to display the content.

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

Answer 2

 <div class="entry-content"> 

The above code can be found through the chrome debugger. This is the container for your content fields, including this image.

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

Answer 3

Try this line:

 <img style="float: right; overflow: visible; margin: 15px 13px 0px 0px; display: inline" align="right" src="http://www.yoursite.com/wp-content/uploads/assets/secret-new-ms.png"> 

Change margin: -30px 13px 0px 0px;

to

 margin: 15px 13px 0px 0px; 

Answer 4

Give your image a margin of 10 pixels. This will do the trick.

Answer 5

edit at http://yoursite.com/wp-content/uploads/prose/minified.css "file @line 2 from

 .entry-content { overflow: hidden; } 

to

 .entry-content { overflow: visible; } 

or add this rule to any css file

 .entry-content { overflow: visible !important; }