Need help? Check out our Support site, then


Embedded gist formatting is too fragile

  1. While we were all glad to see that WordPress now supports embedding of GitHub gists, it seems like the current implementation is a bit fragile in terms of formatting.

    I am drafting a post containing a few gists and layout is completely broken. You can experience the issue also by visiting the official support page: http://en.support.wordpress.com/gist/ (source code in gists is centered).

    Ideally, it would be great if the embedded gists would be wrapped in an element that resets the CSS that messes up.

    The blog I need help with is blog.abahgat.com.

  2. I took a look to your drafted post and everything is working properly. Do you also encounter this issue in a different browser? for example Firefox or Safari?

    Otherwise please send us a screenshot of the page where you're seeing this.

    Sorry for the inconvenience.

  3. Thank you for looking into this.

    here's a screenshot of your own page about GIST support: http://i.imgur.com/wYzwY.png (the problem is that the source code is misaligned)

    here's a screenshot of my post draft: http://i.imgur.com/GKBrk.png (the problem is that the code font is smaller than the one used for the line numbers, that are therefore not-aligned). This in particular is due to the WP CSS font-size specification for pre prevailing on the one in gists.

  4. I've just reported this problem to our developers to take a closer look at. I'll keep you informed. Thank you for your patience.

  5. Thank you for your patience. The problem has been resolved.

    Feel free to contact us if you have any other questions.

  6. Thanks!
    I eventually decided to fix the built-in source code rendering via CSS, but gists work fine now :)

  7. Awesome. Cheers.

Topic Closed

This topic has been closed to new replies.

About this Topic