Support Using Stylish

Is using Stylish just like working with CSS on vBulletin or XenForo?

@Misty helped me a long time ago with removing underlines that showed on vBulletin.org Forum on Google Chrome, and now I'd like to change the font family on XenForo Community. Their XenVetana style has font I like, but I don't like the fixed width, and their default style is the only style with fluid width, but I don't like the Georgia font and would like to change all font to Arial, Tahoma, or whatever other font family I like.

I'd like to try and figure this out on my own first, though, and if it's just like working with custom CSS when making styles on vBulletin or XenForo, it shouldn't be too hard -- at least I wouldn't think so.

 

It's essentially the same, yes.

 

'Kay. So I tried this, but it affects all sites, and I don't see that URL box to specify the site you want it on. I haven't used Stylish since I last used Google Chrome, which was on December 5, so I might be doing something wrong.

Spoiler

Edit: Plus, it doesn't look like it got everything, as my signature is still Georgia font family:

Spoiler

 

You'll need to specify the sites you want to affect, as well as include an !important. You also can go a step further and specify whatever it is for the entire site, not just body. It generally does the same thing, though. As an example:

Code:

@-moz-document domain("kh-vids.net") {
  * { font-family: 'PT Sans' !important; }
}

 

Hm. I tried using a font family that would make the change noticeable to test and see if it worked, and it's not changing.

Using your code, I adjusted it to my specifications:

Code:

@-moz-document domain("http://xenforo.com") {
  * { font-family: 'Courier New' !important; }
}

I even tried adding /community to the domain.

 

The code is for domains, not URLs. Remove the http:// and just use xenforo.com.

 

Oops. My bad. I even remember asking about that in my Google Chrome thread and you and @Vinyl Scratch explained to me why the http (or https) and www were unnecessary.

Can we leave this open in case of any potential future questions? :)

 

Hi, @Misty.

First, thanks again for the help!

Anyway, not too big of a deal, but I noticed that code affected everything but the editor.

 

The XF rich text editor is very picky about what font it uses. Try specifying a font for .textCtrl

 

Like this?

Code:

@-moz-document domain("xenforo.com") {
* { font-family: 'Tahoma' !important; }
.textCtrl { font-family: 'Tahoma' !important; }
}

 

Yeah, dunno if that will do it.

 

I did give it try to no avail.

 

@Misty

I gave this a try to no avail. However, it's strange. If I inspect the CSS and manipulate it to Tahoma in the inspector tool, it works that way.

Code:

html { font-family: 'Tahoma' !important; }