Hi, is there any css guru that could help me to show my taxonomy terms, one next to another instead of one below another? Thanks in advance.

Comments

prajaktam’s picture

prajaktam CreditAttribution: prajaktam commented

Hello,
You need to add the following css for terms in the layout.css file:
.field-type-taxonomy-term-reference, .field-type-taxonomy-term-reference .field-items, .field-type-taxonomy-term-reference.field .field-label {
float: left;
}

.field-type-taxonomy-term-reference .field-items .field-item {
float: left;
margin: 0 0.5em 0 0;
}

Hope this help!
Thanks & Regards,
Prajakta

Damani’s picture

Damani CreditAttribution: Damani commented

Thanks much man, This has helped me a whole lot. Not only did it enable me to print items beside each other but I can also hide items on the page by simple setting "display: none" in the css. Was having a warm time targetting just the taxonomy terms.

Thanks again Prajaktam !!!

Daedalon’s picture

Daedalon CreditAttribution: Daedalon commented

How can this be done for the subtheme only? If I edit the marinelli/css/layout.css, the changes will be undone with the next update. In https://drupal.org/node/1250644 there are instructions on how to set up a new CSS file under the marinelli folder, but it would be better to have all custom files under the subtheme folder instead.

The website that uses the subtheme still loads all CSS from under the marinelli/css folder, so making changes to subtheme's css/layout.css had no effect.

sharif.tanveer’s picture

sharif.tanveer CreditAttribution: sharif.tanveer commented

A lots of thanks to Prajakta. I was searching for that too. and if yo have more than one field you can use only-
.field-type-taxonomy-term-reference .field-items .field-item {
float: left;
margin: 0 0.5em 0 0;
}

*** I wonder if anyone could help me to wrap text besides the image for full content display. D7; Theme- marinelli