WordPress.org

1. unrulykaty
   Member
   Posted 8 months ago #

   Hi. I just updated to WP 3.2.1 and now all the clickable categories are bleeding out of the right-hand post text-box margins and messing up the page width. What do I need to do to fix this problem?

   Thanks in advance.
   Katy
   http://www.unruly.ca

2. unrulykaty
   Member
   Posted 7 months ago #

   Please, can anyone shed any light on this issue for me??

3. esmi
   Theme Diva & Forum Moderator
   Posted 7 months ago #

   Try adding overflow: hidden; to:

   .eachpost {
       background-color: #E8E6E8;
       border: 1px solid #CDCBCD;
       border-radius: 3px 3px 3px 3px;
       position: absolute;
   }

   in style.css.

4. unrulykaty
   Member
   Posted 7 months ago #

   Thanks, esmi. Unfortunately, that didn't resolve the problem.

   Unruly.ca runs a modified version of the theme grid-a-licious. After upgrading the wordpress version to 3.2.1, something broke. 

   On the homepage (i.e. index.php in the theme folder) the category tags of each post listing no longer wrapped inside their padded parameters. They overflowed to the right.

   Adding a space between the string of categories did not resolve the non-breakining reflow.

   There are no Paragraph tags in play on index.php around the affected text, just div's. There is a br break just before the "Filed under: …" after the "Published" query. I don't think it's a mechanical issue in index.php but that could be a possibility.

   More likely it is a style issue in style.css of the theme. We have isolated it to parametres in possibly the "small" tag or more likely the "eachpost" div class.

   One commenter suggested to add "overflow:hidden;" to the .eachpost style parameters. This did not produce the required result. It did hide and restrain overflow to the box, visually. It did not trick it to happily wrap at the right margin and display all text inside the box, resizing the box downwards as required. 

   The CSS is here:
   http://www.unruly.ca/unruly/wp-content/themes/grid-a-licious/style.css

   These are some pertinent excerpts:

   .eachpost { background-color:#e8e6e8;
   border: 1px solid #cdcbcd;
   -moz-border-radius:3px;
     -khtml-border-radius: 3px;
   -webkit-border-radius:3px;
   position:absolute;
   overflow: hidden; }

   .eachpost > div { padding:10px; }

   small a { text-decoration: none;}

   Any Ideas? Thanks.

5. unrulykaty
   Member
   Posted 7 months ago #

   Has anybody got any ideas? I so want to get this resolved.

   Thanks in advance!

6. alchymyth
   The Sweeper
   Posted 7 months ago #

   this does not seem to be a cs issue;

   the category list is liked with   instead of normal spaces;
   example:
   <a href="http://www.unruly.ca/?cat=17" title="View all posts in anatomy" rel="category">anatomy</a>,&nbsp;<a href="http://www.unruly.ca/?cat=20" t..

   see is you can locate the the_category( ...... ) code in the loop, and see if there is anything unusual http://codex.wordpress.org/Function_Reference/the_category

   also, check functions.php if there is any filter function(s) acting on 'the_category'

   general troubleshooting: what happens if you deactivate all plugins?

7. unrulykaty
   Member
   Posted 7 months ago #

   alchymyth, thanks for your advice. A regular space was all it took. We had a hunch that the non-breaking had to do with a space there. Initially there was no space, and the line only broke at multi-word categories with spaces or hyphens. It used to break fine at the comma pre-update. We added the "nbsp" to get a space in there, which also did not break (as the name should have implied to us). Should have just hit the space bar! Good call.

   Many thanks for your help!

   Katy
   http://www.unruly.ca

Reply

You must log in to post.