Despite setting the display to inline, field titles still display above the field value...

CommentFileSizeAuthor
#2 Space_unwanted_in_Profile.jpeg52.2 KBQuébec

Comments

logicbug’s picture

logicbug commented

Corrected by adding the following to style.css I'm no expert on this, so there may be a better way.

.field {
font-size: 0.85em;
}
.field .field-label {
color: #808080;
display: inline-block;
font-weight: 700;
}
.field .field-items {
display: inline-block;
}
.field .field-item {
display: inline-block;
margin-right: 5px;
}
.field .field-item:after {
content: ",";
}
.field .field-item:last-child:after {
content: normal;
}

Québec’s picture

Québec commented
StatusFileSize
new Space_unwanted_in_Profile.jpeg52.2 KB

Thanks for this one!

Works well.

I only used part of your code to keep the original settings for the font. Only changed the «font-weight» for «color».

If this can help anyone:

.field .field-label {
display: inline-block;
color: #303030;
}
.field .field-items {
display: inline-block;
}
.field .field-item {
display: inline-block;
margin-right: 5px;
}
.field .field-item:after {
content: ",";
}
.field .field-item:last-child:after {
content: normal;
}

I'm still struggling with the «space» made by the user picture. I just dont see how to modify the css to erase the space in the profile category (see pict).

R.