Grow your CSS skills. Land your dream job.

div content disappears in Chrome

  • # July 2, 2013 at 10:16 am

    The element in question is div.thumbel-excerpt — it’s the div containing the big, green text on the homepage at http://healthy-transitions-colorado.org/. You won’t see that text in Chrome but it’s displaying correctly in Firefox and Safari on the Mac and in IE on the PC. It looks like the text is being served up properly but I can’t for the life of me figure out the styling break.

    Here’s the rub:
    • It’s PHP, a WordPress site, and that div is pulling in text dynamically from a post excerpt.
    • It’s part of a WordPress widget and, the way that widget is written, it applies some styling at the element level so it’s necessary to declare external stylesheet-level changes as ‘!important’

    Any help I could get would be greatly appreciated. Thanks in advance for your attention to my issue.

    # July 2, 2013 at 10:23 am

    No green text in FF, Safari or IE10 on W7

    Interestingly, in IE9 > ‘mode’ of IE10, I get a contact form that isn’t visible in more up to date browsers.

    Feels like a Mac issue at the moment.

    # July 5, 2013 at 9:24 pm

    @Paulie_D

    Thanks for the reply. Are you able to give me more detail on this issue? Any ideas on how I can fix it?

    Anyone have any recommendations?

    # July 6, 2013 at 7:08 am

    All I see (in any browser) is a “COMING SOON” page, no form or green or anything.

    # July 6, 2013 at 5:17 pm

    Apologies, friends; I forgot I had my “Coming Soon” page up. The site is now available for viewing. My original question (still in need of resolution):

    “The element in question is div.thumbel-excerpt — it’s the div containing the big, green text on the homepage at http://healthy-transitions-colorado.org/. You won’t see that text in Chrome but it’s displaying correctly in Firefox and Safari on the Mac and in IE on the PC. It looks like the text is being served up properly but I can’t for the life of me figure out the styling break.

    Here’s the rub: • It’s PHP, a WordPress site, and that div is pulling in text dynamically from a post excerpt. • It’s part of a WordPress widget and, the way that widget is written, it applies some styling at the element level so it’s necessary to declare external stylesheet-level changes as ‘!important’

    Any help I could get would be greatly appreciated. Thanks in advance for your attention to my issue.”

    # July 6, 2013 at 6:12 pm

    The text is actually in a span element with class thumbel-content and it looks to me the same in latest Chrome, FF and IE10.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".