1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Font size throughout site

Discussion in 'Styling and Customization Questions' started by Rudy, Aug 29, 2012.

  1. Rudy

    Rudy Well-Known Member

    I have a request to make a forum style using a large font size. In short, that means all fonts in the forum need to be made larger.

    Is there a single CSS element I can add to make the entire site appear larger?

    In Style Properties, I found I could add either "zoom: 120%" or "zoom: 1.2" to make everything larger, but it did not work in Internet Explorer 9. I tried this in both the HTML and BODY style groups, even including "!important" to see if it could be forced. No luck. Of course, it works perfectly in Google Chrome.

    Is there something else, or do I have to spend hours trying to find every font size code in Style Properties and change each and every one of them? There has to be something I can add, either through Style Properties or in extra.css.
  2. jadmperry

    jadmperry Well-Known Member

    Interesting...I have many members who would prefer a larger font. I wonder if it would be possible to make a style that uses larger fonts. Sorry if this hijacks the thread.
    jauburn likes this.
  3. Rudy

    Rudy Well-Known Member

    No, actually, that is exactly what I have been requested to do. The site owner prefers larger fonts, and asked if I could make a larger font style like we did in vBulletin 3.x for him.

    I know you can use Ctrl + in a browser to zoom it, but that is not the answer: it needs to be part of a style.
    jadmperry likes this.
  4. jadmperry

    jadmperry Well-Known Member

    Exactly...the other option being using a magnifying glass to read the fonts. ;)
  5. Rudy

    Rudy Well-Known Member

    He already wears reading glasses. :LOL:

    To put it kindly, some of the forum's membership is of that age where larger fonts really help with readability. That's why it is important to create a theme with larger fonts.

    I spent awhile with a copy of the default style last night, and there are just too many places that need a font size change. Plus, there are likely to be fixed-size elements that need adjusting.

    There must be some overall CSS I can include that would make the whole page zoom, which is what I want...only it needs to work in IE, not just all the other browsers. Like it or not, too many users still are tied to IE.
    jauburn likes this.
  6. Rudy

    Rudy Well-Known Member

    I found an -ms-zoom property for CSS, but that still does not work as expected.

    Am I going to have to completely edit a theme in all areas just to bump font sizes up? Seems that way, plus we (the staff) have to decide if certain elements can remain small or not. We just want everything to be readable for those who need bigger type on the screen.
  7. jauburn

    jauburn Well-Known Member

    I would like a simple solution to this as well. Did anyone find one?
  8. Jeremy

    Jeremy XenForo Moderator Staff Member

    * {
      font-size: 105% !important
    That should work.
  9. AndrewR12

    AndrewR12 Member

    Yes, large fonts are absolutley nesessary, small fonts is what I hate in "default" xenforo.

    * {
      font-size: 150% !important
    Where can I apply this code? Please, help.
    (Yest, it should be 150% larger)
  10. Jeremy

    Jeremy XenForo Moderator Staff Member

  11. davb

    davb Member

    and it should be in the last line of the CSS file
  12. AndrewR12

    AndrewR12 Member

    But where it should be located?

    --- No such file or directory
  13. mistypants

    mistypants Well-Known Member

    EXTRA.css is editable through the Admin CP. Go to the Appearance tab, then to templates, and add it to EXTRA.css.
  14. AndrewR12

    AndrewR12 Member

    But where should I add the code?
    You tell me to add it to a file which does not exists. Why?

    Yes, I am stupid. May somebody please give me instructions?
  15. Jeremy

    Jeremy XenForo Moderator Staff Member

    mistypants explains it:

    EXTRA.css is a template in each and every style you have installed on your forum. Please it within said template.
  16. AndrewR12

    AndrewR12 Member

    Couild you PLEASE just tell where I can find it?
  17. Jeremy

    Jeremy XenForo Moderator Staff Member

    As explained in mistypants post:
    • Go to the Admin CP
    • Click on Appearance
    • Click on "Templates", this will take you to your default style.
    • Search and find EXTRA.css
    • Add the code into it.

Share This Page