XF 1.x Fusion Gamer custom thread prefixes/user titles

Frode789

Customer
I love the custom thread prefixes/user titles that comes with Fusion Gamer. Though I've noticed one thing:
They seem to be a tad too big: http://www.citiesskylines-nation.com/ Check the bottom of the front page. The prefixes overlap slightly into the line bellow. The same in thread view, and in resource list: http://www.citiesskylines-nation.com/resources/

How can I make them just a tiny bit smaller in height?

Also, side question: Can you pretty please add a few more colors in next update? :D
 

Russ

Pixel Exit Staff
@Steve and I have been wanting to address prefixes on a global scale(xenbase) just haven't come up with a solid method to do yet(time wise :D ).

Try this in your extra.css:

Code:
.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
font-size: 12px;
It's inheriting that 16px font size from the titles making em extra large.
 

Frode789

Customer
Ah okay, hope to see some cool stuff soon then :D

Strangely enough it didn't make any difference. I tried to set the font even lower, but no change.
 

Russ

Pixel Exit Staff
It would help if the css was right, try this:

Code:
.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
{
font-size: 12px !important;
}
 

Frode789

Customer
It would help if the css was right, try this:

Code:
.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
{
font-size: 12px !important;
}
hehe :LOL: Did the trick, thanks :)
 

Frode789

Customer
Any ETA you could give on when there will be further prefixes for Fusion Gamer? I need more colors :\
 

Russ

Pixel Exit Staff
What colors would you need? I can whip some up for you fairly easy, or you can do it yourself in extra.css:

Code:
.fgBabyBlue
{
   background: #89cff0 !important;
   border: none !important;
   color: #373737 !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #99dbfb;
   box-shadow: inset 0px 1px 0px 0px #b2e6ff;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
 

Russ

Pixel Exit Staff
Give these a go:

Code:
.fgPurple
 {
   background: none repeat scroll 0 0 #7d26cd !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #9c46ef inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkRed
{
  background: none repeat scroll 0 0 #730505 !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #BE1C1C inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkBlue
{
  background: none repeat scroll 0 0 #00008b !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #2826DE inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
I need to combine all the extra css in here but you can use this for now :)
 

Frode789

Customer
Give these a go:

Code:
.fgPurple
{
   background: none repeat scroll 0 0 #7d26cd !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #9c46ef inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkRed
{
  background: none repeat scroll 0 0 #730505 !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #BE1C1C inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkBlue
{
  background: none repeat scroll 0 0 #00008b !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #2826DE inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
I need to combine all the extra css in here but you can use this for now :)
Thanks! :)

However, the new banners are too small:
userbanners.jpg
 

Russ

Pixel Exit Staff
They need this as well:
Code:
.userText .fgPurple, .userText .fgDarkRed, .userText .fgDarkBlue
{
   display: block;
   margin-top: 3px;
}
 

Zynektic

Customer
Cheers for this but to keep your extra.css cleaner just add them to fusiongamer_classes.css and add a .userText .fgColour, at the top, makes it easier to add them.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.