Forums

[resolved] text not wrapping underneath a box in center column (9 posts)

  1. fbaird
    Member
    Posted 2 years ago #

    Hi. I'm stumped as to why text is wrapping to the left of, but not below a box I've inserted in the center column.

    Site is here: http://66.147.244.158/~newengo4/

    I want the box to show up on all pages. As per the theme-makers' instructions, I added code for the box at the very end of the "content above the loop" section of code. Code I added is:

    <div class="readers_toolbox">
    Some text<br />
    Some text<br />
    Some more text
    </div>

    And, to style the box, the code I added to the appropriate CSS inserts part of the theme is:

    /*Style readers' toolbox */
    .readers_toolbox {
    	width: 155px;
    	float: right;
    	border: 1px solid #e5f2ee;
    	padding: 8px;
    	margin-bottom: 10px;
    }

    Any help much appreciated! I'm a long-time Dreamweaver user & this is my first website in WordPress. So far it's fantastic (except for this glitch ;). Thanks!

  2. ClaytonJames
    Member
    Posted 2 years ago #

    I believe it is wrapping correctly, however the margin on the bottom of the readers toolbox is preventing you from seeing what you expect to see.

    .readers_toolbox {
    border:1px solid #E5F2EE;
    float:right;
    margin-bottom:10px;
    padding:8px;
    width:155px;
    }

    I think if you change margin-bottom to 6px or less, you may see what you expect in terms of word wrapping.

  3. fbaird
    Member
    Posted 2 years ago #

    Thanks very much for the reply.

    I changed margin-bottom to 2px (and even tried 0px), and still text is wrapping to the left of the box, but not underneath.

    Still not sure why this is happening...

  4. ClaytonJames
    Member
    Posted 2 years ago #

    Did you clear your cache and revisit the site after making changes to your style sheet? Or at least force a refresh from the server using (Ctrl+F5) ?

  5. fbaird
    Member
    Posted 2 years ago #

    Tried both of those things, and still no dice. Thank you though!

    It has something to do with the way the div I created is interacting with the "above the loop" and "loop" code, but I don't know what the problem is...

  6. ClaytonJames
    Member
    Posted 2 years ago #

    I'm stumped. I made the changes strictly from the css using firebug from here, and they worked perfectly. Sorry you are unable to duplicate.

    Good luck to you.

  7. fbaird
    Member
    Posted 2 years ago #

    Thanks again for taking the time! Hopefully someone will have run into this glitch and have a suggestion...

  8. alchymyth
    The Sweeper
    Posted 2 years ago #

    in this part from your html:

    <div class="readers_toolbox">
    Some text<br />
    Some text<br />
    Some more text
    </div>
    
    <div class="post-102 page hentry category-uncategorized post" id="post-102">
    
    <div class="post-bodycopy clearfix"><h1>Welcome!</h1>

    removing the 'clearfix' seems to solve the problem, which only showed in IE; no idea if this could have follow-up problems later ;-)

  9. fbaird
    Member
    Posted 2 years ago #

    OK, great, that solved it! Thank you. Hopefully I'll have no "float" problems, and won't have to put 'clearfix' back in.

    Thanks so much alchymyth! You just improved my whole day, week, month :)

Topic Closed

This topic has been closed to new replies.

About this Topic