inove theme – Tags below posts getting clipped

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

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.

@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?

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.

in style.css:

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

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

@alchymyth:

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

https://blog.f-elevenbooks.com

@brooks or flamenco

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

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.

@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?

@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 ??

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.