Where to edit message user info (postbit)

[Ebla]

I am hoping someone can point me in the right direction. I am working on the postbit (see attached). I have font awesome selected, but I also have a custom field in the postbit. What I would like to do is have the "zone 7b" on one line centered underneath the other items.

Any help would be appreciated.

 

[Steve]

Might be possible but I would need to see the style live to maybe debug it.

 

[Ebla]

By live did you mean admin access? The style is installed at http://backyardportal.com

 

[Steve]

I'm going to have to work on this on our dev board to figure it out. I'll reply back when I get it worked out. Would there be a font awesome icon you might be interested in instead?

 

[Steve]

Here it could look like this if you would like.

 

[Ebla]

Thant would be good thanks!

 

[Steve]

Add this to EXTRA.css template

.userField_Zone.xbCustomField dt {
overflow: hidden;
width: 19px;
height: 16px;
margin: 3px 10px;
word-wrap: normal;
}

.xbCustomField dt:before {
content: "\f140";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}

 

[Ebla]

Great! worked perfect. I really appreciate your help.

 

[Steve]

Hmm..it is a little off. Add the !important to the class like below.

.userField_Zone.xbCustomField dt {
overflow: hidden;
width: 19px !important;
height: 16px;
margin: 3px 10px;
word-wrap: normal;
}

 

[Ebla]

Got it. Thanks again.