Greetings,
I'm setting up a blog view and displaying taxonomy tags at the bottom. Currently they are displaying in a column, but I would prefer to display them inline. What is the best way to do this?

Thanks.

CommentFileSizeAuthor
#5 1213162-5.jpg14.06 KBstBorchert
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

stBorchert’s picture

stBorchert
he/him
Primary language German
CreditAttribution: stBorchert commented
Status: Active » Fixed

You'll have to apply some CSS on the list and the list items that builds the markup for the terms.

See http://www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css or a more in-depth article.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented

I've been struggling with this one for a while.
From inspecting the tags I keep getting to this part of the css in sites/default/files/color/busy-xxxx/style.css
[code]
div.node .field-name-taxonomy-tags {
/*display:block;*/
display: inline-block;
}

div.node .field-name-taxonomy-tags .field-label {
/* float: left;*/
margin-right: 0.5em;
display:inline-block;
}

div.node .field-name-taxonomy-tags .field-item {
/* float: left;*/
margin: 0 .2em;
display:inline-block;
}
[/code]
But it has no effect on the layout. Does anyone have anywhere else to look for the css that styles these tags?

Thanks,
jim

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Status: Closed (fixed) » Active
stBorchert’s picture

stBorchert
he/him
Primary language German
CreditAttribution: stBorchert commented
Status: Active » Closed (cannot reproduce)
FileSize
1213162-5.jpg14.06 KB

Tried with the following code and it worked:

.field-name-field-tags .field-item {
  display: inline-block;
  margin-right: .5em;
}

Result: