page formatting messes up when font size increases

Discussion in 'CSS' started by Smush, Sep 9, 2013.

  1. #1
    I have recently added a plugin called WP-Accessibility to my wordpress website, which amongst other features has the ability to increase font size at the user's request, however, when font size is increased the page formatting messes up due to the text. For example, my horizontal nav bar expands to 2 lines to accommodate the links. Is there a way to keep the formatting intact when the user increases the font size? How do I go about it?

    Thanks
     
    Smush, Sep 9, 2013 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, to be frank if you 'need' a plugin just to make the page 'accessible' there is probably something horrifically and terrifyingly WRONG with the template. Zoom and font size controls should be handled by the browser or OS, if your page isn't automatically adjusting to that, it's possible (and extremely likely) you have two of the three 'trifecta of fail' -- a crappy fixed width layout with fixed metric fonts. Given your description I'd say you also likely have fixed size non-dynamic elements, for a non-dynamic non-elastic layout.

    Mind you, those are par for the course with off the shelf templates for Wordpress, which it sounds like you also probably had. There's a reason that to make a PROPERLY coded and accessible page with turdpress you have to either bloat it out with endless extra PHP to post-process the output, or gut it's core functionality.

    More so since the average turdpress template developer doesn't know enough about HTML, CSS or accessibility to be developing jack ****! (the same problem that afflicts the re-re's who dick around in photoshop before they even have content or semantic markup!)

    Though without seeing the site in question, it's hard to weigh in properly on just what's wrong.
     
    deathshadow, Sep 11, 2013 IP
    ryan_uk likes this.
  3. Smush

    Smush Member

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Well I need the accessibility plugin as the website is for a small business that supports disabled people and looking at other similar businesses websites it is par for the course. Wordpress doesn't have this built in. I used to tinker around years ago making websites from scratch (not in much depth) but I soon realised it is nicer if the person is able to add their own pages/update the news page and Wordpress provided that easy to use interface however under the hood is a bit of a different story though as you say.
    So I need to get into the CSS and mess around with the widths and font sizes to make them elastic? so I need to use em and %? Can I not just set a min width for my nav bar and get it to expand with the font increase?

    Also noticed that images with text aligned next to them get separated when font is increased too

    Thanks
     
    Smush, Sep 13, 2013 IP