CSS How to make image display out of div

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

+4
source share
5 answers

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

+4
source
 <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.

+1
source

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; 
0
source

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

0
source

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; } 
0
source

Source: https://habr.com/ru/post/1499152/


All Articles