Support Using Stylish

Discussion in 'Technology' started by Amaury, Mar 6, 2014.

  1. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    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.
     
  2. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    It's essentially the same, yes.
     
  3. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    '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.

    Text.png

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

    Text 2.png
     
    Last edited: Mar 7, 2014
  4. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    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; }
    }
     
  5. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    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.
     
  6. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    The code is for domains, not URLs. Remove the http:// and just use xenforo.com.
     
  7. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    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? :)
     
  8. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    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.
     
  9. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    The XF rich text editor is very picky about what font it uses. Try specifying a font for .textCtrl
     
  10. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    Like this?

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

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    Yeah, dunno if that will do it.
     
  12. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    I did give it try to no avail.
     
  13. Amaury Legendary Hero

    Joined:
    Jan 15, 2007
    Gender:
    Male
    Location:
    Ellensburg, WA
    1,692
    @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; }