Forums

WordPress › Support » How-To and Troubleshooting

[resolved] How do I wrap text in my sidebar? (5 posts)

  1. jrjordan
    Member
    Posted 4 years ago #

    Here is my web site:

    http://www.ConnectionCare.com

    I am trying to wrap the titles of my blog/article posts...

    Lovemaking positions or the art
    Indianapolis road rage on I 465
    Dr. David Olson-Prepare Enrich-mp3
    Answers to, “Are you the right one?”
    etc, (see under "Blog/Articles" on my right sidebar)

    ...so that they do not push the sidebar to the left and into the main body text. When they are too long they will push the sidebar left and bleed into the main text area.

    I am trying to wrap the titles so that it would look like this:

    Lovemaking positions
    or the art
    Indianapolis road rage
    on I 465
    etc.

    Could you please suggest some code AND where it might go in the sidebar, or the style.css, or wherever.

    Thanks

  2. jrjordan
    Member
    Posted 4 years ago #

    Could it be a problem of a non-breaking space? See the following thread:

    http://wordpress.org/support/topic/148853

    I can't even find my sidebar code. I have looked in the style.css, etc.

    How about this small section in my sidebar.php code, would this code prevent wrapping? My last post title is really long:

    <h4>Blog/Articles</h4>
    <ul class="links">
    <?php
    // I love WordPress so
    query_posts('showposts=10');
    ?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

  3. "><?php the_title() ?>

    4. <?php endwhile; endif; ?>

  • doodlebee
    Member
    Posted 4 years ago #

    Yeah, you *may* want to start with fixing your 214 validation errors. That's *always* the first place you want to start with this.

    I'm also assuming you're viewing in IE (probably 6?) because I don't see what you're talking about at all - I use Firefox. but this sounds like an "IE6" thing - to which, again, validating your site would be *really* beneficial, because if there's even one error, IE will be thrown into "quirks mode" and that's a whole new can of worms.

    A lot of your errors are pretty simple: you're using XHTML 1.0 Transitional as your doctype - so even doing something as simple as changing your doctype to HTML (rather than XHTML) might fix many of these issues. (In fact, if you switch it to HTML 4.0 Transitional, your errors will shoot down to a more-manageable 40 - but again, most of the errors are simple formatting issues)

    You can read up on the differences at w3schools - there's not a lot, but they do matter.

    Once the page validates, you may not have this issue anymore, but if you do, post back and then we can take a look to see what's up.

  • jrjordan
    Member
    Posted 4 years ago #

    Thanks for the reply.

    I use Firefox and the main page looks the same in that and IE.

    1. My question is about the titles of my blog/article posts in the sidebar. The following title is way to long, compared to the others...

    10 reasons to not take a premarital compatibility test

    I would like it to look like this in the sidebar:

    10 reasons to not take a
    premarital compatibility test

    2. How do I switch to HTML from XHTML? I see, in the w3schools link, that XHTML requires precise code.

    Thanks.

  • jrjordan
    Member
    Posted 4 years ago #

    I solved the problem, it was in my style.css code. I have two columns and the code was addressing column A and C. I changed C to B, with a few padding changes and it worked. Thanks for you help.

    • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags