Hi am new to drupal, and am using the marinelli theme for my website. the taxonomy tags are shown in rows with linebreak. How do i change it to display in a column form?

CommentFileSizeAuthor
#2 Screenshot.png97.67 KBshruti.sheth

Comments

Deepika.chavan’s picture

Hi,
1. Add following code in marinelli.info file, to create custom css file.

stylesheets[all][] = css/local.css

2. Create local.css file in /css dir. Add following css code in local.css file

.field-name-field-skill-term .field-items .field-item {
  float: left;
  margin-right: 10px;
}

NOTE: Here my taxonomy field name is 'field_skill_term' So please replace the field name in above code.

3. Because of 'Float: left' property the element moves to left and immediate next element shifts to the right of the element.
So in my case next element is 'links-container' . The following css will keep the 'links-container' to left. (Replace the 'links-container' with your next element and add the following css in 'local.css' file).

.links-container {
  clear:left;
}

HTH!!

Rgrds,
Deepika Chavan.

shruti.sheth’s picture

StatusFileSize
new97.67 KB

Hello,
I tried creating taxonomy tags in the marinelli 7.x-3.0-beta11 version and was able to get the taxonomy tags in column form. Please check the screenshot in the attachment. Is this the exact way you want?

if yes, then try the following steps to get the tags in column form.
1. Add a field in the content type you want and it select the field as 'Term reference'
2. Select the widget as 'Select list'
3. In the ' FIELD SETTINGS' make 'Number of values' as 'Unlimited' and select the desired vocabulary.

When a content is created by selecting multiple taxonomy terms the tags are shown in column form, one in the screenshot attached here.

Hope this helps!

Regards,
Shruti Sheth

chaser’s picture

Thank you very much Deepika Chavan, Worked perfectly.
Thanks Guys...:)

chaser’s picture

Hi I have a trouble finding my element since am noob in css. How do i find the element?

Daedalon’s picture

Thanks, Deepika. Is it possible to make a custom CSS under the subtheme instead of the marinelli folder itself?

Deepika.chavan’s picture

Hi Daedalon,
Yes, you can add custom css file under subtheme by following same steps given in #1(just make the changes in 'subtheme.info' file and put the custom css file in subtheme /css folder). It will pick your custom css file up when you will enable the subtheme. Please clear the cached data after enabling the subtheme.

Rgrds,
Deepika.