• Hi,
    I use an Atahualpa theme (version 3.5.3) and discovered last night that it’s a mess in Chrome. The links are unreadable. This morning I updated Atahualpa to 3.6, to see if that would help, and it didn’t. (Meanwhile the BFA people said to hold off on 3.6, so I reverted to version 3.5.3) The site looks OK in other browsers – Firefox, IE, and (as far as I know) on Mac OS’s. I do have an active “Google Chrome Frame for WordPress” plugin.

    My site is: https://www.medicallessons.net

    Please help if you can.
    Thank you in advance,
    ES

Viewing 7 replies - 1 through 7 (of 7 total)
  • Josh Feck

    (@builtbynorthby)

    I suspect it’s a plugin. First, turn off Super Cache and clear your site’s cache. Now clear your browser’s cache. Then start turning off plugins one by one to see, you’re looking for plugins that add any CSS into the mix (like the sociable plugin, or the simple image plugin).

    Thread Starter elainemd

    (@elainemd)

    Hi Josh, I tried disabling the WP SC and clearing the cache in all browsers. No luck. Then I disabled Apture (at someone’s suggestion) and simple image, as you indicated.

    I’m hesitant to disable sociable because replugging that can be non-trivial (for me), unless you really think there’s a good chance that would do it. Well, thanks for trying. – ES

    Josh Feck

    (@builtbynorthby)

    I tested a copy of Atahualpa running on my server with the Sociable plugin running and I think we can rule it out. I’d like to know what other plugins you have running so I can do a few more tests.
    I’ve also noticed, and this is also limited to Chrome on Windows, that there are a lot of word breaks and square characters.

    Here’s an example: https://dl.dropbox.com/u/622475/Screenshots/line-breaks.png

    Josh Feck

    (@builtbynorthby)

    I did some more testing and I think I’ve got a nice simple solution that won’t require disabling a plugin.
    I think the following code is the culprit:

    * {
    	text-rendering: optimizeLegibility;
    }

    We need to override this. You can override one style with another by declaring it later on.
    Atahualpa has an options panel that lets you add CSS. Go into the admin panel and look for Atahualpa Theme options. Almost all the way to the bottom there is a button labeled “Add HTML/CSS inserts”
    Under “CSS Inserts”, below the code that’s already there, add this:

    * {
    	text-rendering: auto;
    }

    This might override the style that’s causing problems. At least it worked in my test:
    https://dl.dropbox.com/u/622475/Screenshots/test-result.png

    After adding the code, be sure to save (they couldn’t have made the save button any bigger, right?)
    After that I recommend clearing the WP Super Cache by enabling/then disabling compression. It’s a checkbox under the Advanced tab. Changes to settings sometimes won’t take effect until that Cache is cleared.

    Josh Feck

    (@builtbynorthby)

    Or, assuming you’ve got the wp-Typography plugin installed, try what the plugin author suggests in the changelog under January 3, 2011.

    Thread Starter elainemd

    (@elainemd)

    Josh, Thanks very much for these suggestions. I will try them in the early morning and let you know. – Elaine

    Thread Starter elainemd

    (@elainemd)

    Good news!
    The WP-Typography plugin, which I’d just recently installed or upgraded, included the “text-rendering: optimize Legibility” command (at the start of some optional CSS, upon scrolling down to the bottom of a very long list of options. I took that out, and I think ML (the site) is fine – or at least better – in Chrome.

    So thank you very much for your work on this. I also came upon some other “solutions” in the typography settings, about which I’ll write separately.
    With appreciation,
    ES

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘text alignment problems viewing Atahualpa in Chrome’ is closed to new replies.