Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Nov 2011
    Thanked 0 Times in 0 Posts

    Question Why does my image hang outside the div?

    I'm using a wonderful WordPress template on my site, but I'm having one little issue right now:

    On this page, I've put images inside the box shortcode. But in many instances, when the image stretches higher than the text it's to the side of, the image hangs over the borders of the box. I've "fixed" this throughout the article by adding in extra paragraphs where necessary, but I've left the first box normal (the image is only slightly hanging over the bottom of the box). Is there a way to write some over-riding CSS to solve this issue? I'd like the page to still look nice at the smaller, Responsive sizes, and with these extra blank paragraphs it looks kinda dumb.


    Thanks in advance.


  2. #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    chertsey, a small town 25 miles south west of london, england.
    Thanked 530 Times in 516 Posts
    Hi there operapixie,

    open this stylesheet...

    ...and scroll down until you find this code...
    .box {
            padding: 20px;
    	background-color: #F6F6F6;
    	border: #DADADA 1px solid;
    	margin-bottom: 20px;
    	word-wrap: break-word;
    	-moz-border-radius: 5px;
            -webkit-border-radius: 5px;
    	border-radius: 5px;
    	-moz-box-shadow: 0 0 7px #ccc;
            -webkit-box-shadow: 0 0 7px #ccc;
            box-shadow: 0 0 7px #ccc;
            border: 1px solid #FFF;
    ...then add this to it....



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts