• Resolved corb7785

    (@corb7785)


    Hi,

    I created a number of quizzes and since the update it doesn’t appear to render properly in IE and Chrome. However, it’s fine on Safari.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Harmonic Design

    (@harmonic_design)

    Hi corb7785,
    I took a look and there are some SUPER weird things going on with the CSS of your site. The issue isn’t HD Quiz, but with the way one of your divs is styled that wraps around the content.

    <div class="entry-content clear" itemprop="text">
    For some reason, that div has the clear class, which is not only screwing with HD Quiz, but is actually affecting most of the content throughout your entire site! This is because the clear class has the CSS values of

    font-size: 0;
    height: 0; 
    line-height: 0;

    My recommendation is to remove the clear class from that div wrapper, as it is literally breaking your site, and instead use the clear class as it was intended in its own contained div element.

    So basically change

    <div class="entry-content clear" itemprop="text">

    to

    <div class="entry-content" itemprop="text">
    <div class = "clear"></div>

    If for some reason you are not comfortable editing your theme code, you can also try and override the CSS of that div only by adding the following to the bottom of your stylesheet.

    .entry-content.clear {
        height: auto !important;
        line-height: !important;
        font-size: !important;
    }

    Please let me know if you need any assistance with this

    Thread Starter corb7785

    (@corb7785)

    Thanks for your response but I don’t know how to do this, I’ve tried figuring it out but haven’t got anywhere. I can’t find where the change the CSS

    Thread Starter corb7785

    (@corb7785)

    Word of a lie. Some progress. I tried adding the last bit of code you mentioned into the style sheet and it’s managed to sort out the footer but the answers are not appearing.

    Line and 3 and 4 of that code says unexpected token??

    Plugin Author Harmonic Design

    (@harmonic_design)

    Hi corb7785,
    my apologies.

    The correct CSS is this:

    .entry-content.clear {
        height: auto !important;
        line-height: initial !important;
        font-size: initial !important;
    }

    line-height and font-size were supposed to say initial! Sorry about that.

    Thread Starter corb7785

    (@corb7785)

    Thank you. It’s up and running again!

    Plugin Author Harmonic Design

    (@harmonic_design)

    Excellent; glad I was able to help.

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

The topic ‘Quiz not rendering after update?’ is closed to new replies.