Forums

iNove css overflow issues with tag sidebar (2 posts)

  1. smokinjoe
    Member
    Posted 2 years ago #

    Alright, the westside-sidebar is driving me nuts because longer tags are having the overflow (by default visible) overlapping the eastside-sidebar.

    I've tried manipulating the css boxes and adding a completely new css style to fix it - but I fear that because it is a link it becomes a long string. And I read all over that it's a pain to break up long strings (i.e. /windows/tmp/3jkfi/jk3kj4i/34jilskg/3kjigja/jj609ffd/tmp.file) would shoot out the side of a small div box.

    So if anyone has ANY ideas on how to fix this I'm going to have to just live with overflow:hidden to keep the overlap from occurring.

    A somewhat related question would be - whats the common convention with tags? Should they stick to one word?

  2. smokinjoe
    Member
    Posted 2 years ago #

    ok, I somewhat fixed the problem by locating the specific link class (you could do it for all of them I suppose... yeah I'll probably end up doing that) with:

    div#westsidebar.sidebar div#ctc.widget div.ctc ul.wp-tag-cloud li a.tag-link-11 {
      word-wrap: break-word;
    }

    I don't really need all those elements there, but you get the idea.

    The only problem is that it breaks the word that begins the overflow, so in my case, the sentence: "Psychology of the Market" gets cut off to look like -

    Psychology of t
    he market

    So use with caution, a better way would be super fantastic.

Topic Closed

This topic has been closed to new replies.

About this Topic