I replaced my frontpage with "view" that lists article teasers. When tags of an article teaser are shown, the following CSS styling is applied and this results in no space between multiple tags:

.node-content .field-type-taxonomy-term-reference ul li { display: inline; } /* css/articles.css */
.block ul li { margin: 0; } /* css/blocks.css */
CommentFileSizeAuthor
#1 Screen Shot 2012-12-05 at 11.38.19.png14.86 KBmarkconroy

Comments

markconroy’s picture

markconroy commented
StatusFileSize
new Screen Shot 2012-12-05 at 11.38.19.png14.86 KB

Same happening here, using Sky as a base theme (as in, a theme created from a clone of Sky). Space between tags removed in Sky Adaptive Theme

socceronly’s picture

socceronly commented

Same thing happening here. Identical to Mark Conroy post.

Using sky straight up, not sub themed.

I have to say, I really like this theme.

:)

ktrev’s picture

ktrev commented

I also have the same issue..
Did you get the solution for this?

markconroy’s picture

markconroy commented

Hi Guys,

Sorry, I had thought originally I had posted a small css fix for this. You can use this in your stylesheet:

.field-type-taxonomy-term-reference .field-item {
    margin-right: 15px; // adjust accordingly
}

Hope that helps.

socceronly’s picture

socceronly commented

Fantastic!!

I'll try it out when I get home.

Thanks
:-)

riteshsarraf’s picture

riteshsarraf commented
Issue summary: View changes

I wish this was fixed. sky is an awesome simplistic theme.

riteshsarraf’s picture

riteshsarraf commented

I'd liek to add specifics about the fix in my D7 Sky Theme.

File to modify: articles.css

Snippet:

.node-content .field-type-taxonomy-term-reference ul,
.node-content .field-type-taxonomy-term-reference ul  li {
  display: inline;
  margin-right: 10px;
}
.node ul.links {
  margin: 0;
  text-transform: lowercase;
}