How do you get categories and tags displayed horizontally & not vertically on a page? [#1684762]

Hi there,

I have been using the excellent tapestry theme for a long time ...
I noted with the D7 version though, that categories & tags shown in a node are shown vertically and not horizontaly and comma separated. I do not remember seeing this in any other theme.

I am not quite sure this is with theme, but that's what I thought. If so, is it meant to be so? Actually, this ends up up making the article much longer on a page, than it could be.

How could I get them displayed horizontally & comma separated?

Thank you in advance & regards

Comment	File	Size	Author
#2	vertical5.jpg	66.68 KB	lionheart8
	vertical.jpg	18.9 KB	lionheart8

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Kisugi Ai CreditAttribution: Kisugi Ai commented 14 July 2012 at 17:57

hm not sure where you have this problem
but i have it nomaly all inline but i have only a float style on the tags an i think her ist the real problem
becaus i have no taxo terms aktive

have you a live page for me whith the issue?
so i can lock it for.

greetinngs

来生

Comment #2

lionheart8 CreditAttribution: lionheart8 commented 16 July 2012 at 09:49

File	Size
vertical5.jpg	66.68 KB

Hi there

Thank you for the response.
I tried setting it to inline, but the difference was minimal as you can see in the attachment, where I also included screenshots of the same article using the Bartik theme, which shows everything with the display set to "above" & "inline" in way I expected.

The live page is here

Thank you in advance

Comment #3

Kisugi Ai CreditAttribution: Kisugi Ai commented 16 July 2012 at 10:33

Okay well
find follow lines in style.css

.node .taxonomy,
.node .field-type-taxonomy-term-reference {
  font-size: 0.8em;
  line-height: 100%;
}

then add/change to

.node .taxonomy,
.node .field-type-taxonomy-term-reference
{
	line-height: 100%;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.node .field-type-taxonomy-term-reference .field-item
{
	display: inline;
	margin-right: 10px;
}

then clear caches
maybe you could little play with margin
hm maybe
you could add

.field-type-taxonomy-term-reference .field-item.even
{
	background-color: rgb(85, 255, 51);
}
.field-type-taxonomy-term-reference .field-item.odd
{
	background-color: rgb(255, 112, 231);
}

so you can litle hightligtning the seperation of tags but thats only a try for better visuality

来生愛

Comment #4

lionheart8 CreditAttribution: lionheart8 commented 16 July 2012 at 12:03

That seemed to solve the problem. :)
Will the change be included in future update versions of Tapestry (so one has to keep note of this change) if i may ask or this is viewed as "specialized" need?

Many thanks, otherwise & best regards