• Resolved tekkitlx

    (@tekkitlx)


    Hello
    First of all thank you very much for your hard work and offering this plug-in for free!
    I am trying to implement the quizz in my site but it seems to resize the objects around it and the possible answers don’t appear visible, only the buttons to select the option. Ithought it was because I was trying to use the pagination option as i wanted to have more ad impressions but it is the same without it. Any possible solution?

    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 Tekkitlx,
    the page looks… very broken. There are definitely some issues with the page causing some issues for you.

    I noticed that you used the quiz on a page. Can you use the same shortcode on a post instead and see what it looks like? I’m thinking that your theme’s page template is broken and is causing the issue.

    I have yet to determine why, but your site is rendering labels at 0px font-size – and yet there is no styling applied at all that I can see. This is usually caused by broken syntax with the actual HTML. If it looks normal on a post instead of a page, the we at least know that the cause is your page template and I can help you fix

    Plugin Author Harmonic Design

    (@harmonic_design)

    Hi tekkitlx,
    scratch the above, I found the issue!

    Your theme is using a .clear class, which is normally not a problem. What IS the problem is that the theme is applying the .clear class in a VERY bad way.

    Example:

    Your header has a clear class applied directly, but this is very poor code. The class should be a new div after the header.

    WRONG
    <header id="masthead" class="site-header clear"></header>
    RIGHT

    <header id="masthead" class="site-header"></header>
    <div class = "clear"></div>

    Your #content div does the same thing. This is very poor coding because, well, it causing issues like the one we now face.

    SOLUTION:
    The best solution would be to fix your template files like above. This way, not only will it be compatible with HD Quiz, but it will also work with any other plugin as well. However, I understand that you may not be a coder, and that this may be an issue for you.

    However, you can edit HD Quiz CSS to fix this for you by editing style.css location in /wp-content/plugins/hd-quiz/includes/css/hdq_style.css

    On line 267, change

    .clear {
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        width: 100%;
    }

    to

    .clear {
        clear: both;
    }

    and your problem will be solved. Just note that you will need to do this each and every time you update HD Quiz.

    Please let me know if you have any trouble making this change. I can send you a customized version with the fix already done.

    Thread Starter tekkitlx

    (@tekkitlx)

    Thank you for replying so fast and such an accurate response. I tried the second solution and there has been unfortunately no changes after applying the new code. I have very limited understandings of coding so I’m not able to change the theme code. I tried changing to other themes and the problem would fix but then pagination wouldn’t work, after answering the first question it would say Oops! That page can’t be found.
    https://microporous-invento.000webhostapp.com/2019/04/brawl-stars-ultimate-quiz
    This is my website with the new theme so now the problem is the pagination, any solution?
    If you prefer a faster communication i have discord: ISKAL#4130

    Plugin Author Harmonic Design

    (@harmonic_design)

    Hi tekkitlx,
    the fix should have definitely worked. I’m thinking you probably just needed to clear your cache as our browser was probably loaded the cached style sheet 🙂

    As for the pagination: This feature has been a thorn for a few years. There are so many different ways that themes and even other plugins can hook into the way WordPress handles pagination that it’s a very easy feature to break.

    Reset Permalinks: Try to reset your permalinks. This can be done by going to Settings->Permalinks from the WordPress admin. Once there, just save the page. You can also try setting the permalink structure to “Plain” just to see if it works. If it works on plain, then we know the issue is caused b your server – likely the htaccess file.

    Disable Plugins: You can also try to temporarily disable all plugins except HD Quiz to see if any of them is causing the breakage.

    Don’t use WP Pagination!: HD Quiz can insert ad code automatically after every 4th question. HD Quiz -> About/OPtions to set your ad code.

    Thread Starter tekkitlx

    (@tekkitlx)

    Yeah it loaded the cached style sheet, how couldn’t I’ve noticed it was that xd.
    For the pagination I changed the permalink to post-name and it seems to have done the work! I will keep on working with my website and thank you again for responding to everything so fast and of course by building this free plug-in 🙂

    Plugin Author Harmonic Design

    (@harmonic_design)

    Excellent! Thanks for letting me know you got it all sorted out.

    Please let me know if you need anything else in the future

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

The topic ‘Answer texts are not appearing’ is closed to new replies.