Forums

inove theme - Tags below posts getting clipped (12 posts)

  1. Brooks
    Member
    Posted 2 years ago #

    I don't want to remove them entirely, but would like to adjust the height of whatever is cutting the second line of tags so that it looks kinda messy (if the tags wrap to a second line, you just see the tops of the letters in that line).

    If I remove them from the index page, but leave them in the single pages, will that effect SEO much?

    Look here... It does it in Safari and Firefox in OS X, although slightly differently.

    http://www.blog.f-elevenbooks.com/

  2. flamenco
    Member
    Posted 2 years ago #

    Whoa! That's a pretty girl. :)

    .post .under .tags  {
      height: 32px;
    }

    Here's a bit of code you can try. It worked for me. Essentially the .tags thing was being set too small. This gives you a "line 2". You could make it even bigger than that if you have tons of tags on a post.

    Enjoy, Dave

  3. flamenco
    Member
    Posted 2 years ago #

    That's CSS, btw, and should be specific enough to work in any of those CSS files.

    About the SEO thing, I don't know.

  4. alchymyth
    The Sweeper
    Posted 2 years ago #

    @flamenco:
    are you aware that this will show another one of those little icons (a file folder in this case - the same as in categories) below the tag icon?

  5. Brooks
    Member
    Posted 2 years ago #

    Hmmm... Where would I add this code, flamenco?

    @alchymyth:
    Do you have any ideas that might be better? I would love to know what I could do to hide the second line instead of showing the second, actually.

  6. alchymyth
    The Sweeper
    Posted 2 years ago #

    in style.css:

    .post .tags {
    	background-position:0 -16px;
       overflow: hidden;
    }

    'overflow:hidden' seems to work in firefox, untested in other browsers.

  7. Brooks
    Member
    Posted 2 years ago #

    @alchymyth:

    Awesome, thanks! It also seems to work in Safari.

    http://blog.f-elevenbooks.com

  8. wcwrules4lyf
    Member
    Posted 2 years ago #

    @Brooks or flamenco

    Did you ever find out where to put the tags CSS code?

  9. alchymyth
    The Sweeper
    Posted 2 years ago #

    this css code belongs in style.css of the theme inove.

    this code already exists in style.css of inove:

    .post .tags {
    	background-position:0 -16px;
       }

    just find it and edit it to:

    .post .tags {
    	background-position:0 -16px;
       overflow: hidden;
    }

    it should hide all tags that overflow more than one line.

  10. TechAdam
    Member
    Posted 2 years ago #

    @alchymyth: I have tried what you said. It increases the padding between the tags and the next post, still shows the tags that are on the next line but the tag icon is hidden. Feel free to take a look at it Adam Talks Tech. Do you know why this may be?

  11. alchymyth
    The Sweeper
    Posted 2 years ago #

    @TechAdam

    you actually 'butchered' the styles in style.css -
    you inserted the 'fix' into the mmiddle of a very long list of classes with the basic background style definition.
    the style that was to be changed follows after this list:

    restore the first bit to what follows (a long comma separated list of classes):

    .post .date, 
    
    .post .tags, 
    
    .post .author, 
    
    .post .categories, 
    
    .post .editpost, 
    
    .post .readingblinds, 
    
    .post .comments, 
    
    .post .addcomment, 
    
    .post .editlinks {
    
    	background:url(img/icons.gif) no-repeat;
    
    	padding-left:22px;
    
    	height:16px;
    
    	line-height:16px;
    
    	display:block;
    
    	font-size:11px;
    
    }
    
    .post .act {
    
    	height:16px;
    
    	float:right;
    
    }
    
    .post .act span {
    
    	float:left;
    
    	margin-left:15px;
    
    }
    
    .post .tags {
    
    	background-position:0 -16px;  
    
       overflow: hidden;   /*here, add the overflow:hidden */
    
    }

    hope you get the idea, good luck ;-)

  12. TechAdam
    Member
    Posted 2 years ago #

    Thanks! I guess I didn't realize there were 2 .post .tags ids. One other question though: How can I have my multi-lined tags show up? Most of my entries have more than one line of tags. In the meantime, I've changed the "overflow:hidden" to "overflow:scroll" so at least it doesn't look like it's getting cut off.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags