Incompatibility with Blocksy Theme

  • Resolved Luke Garri

    (@sparkerm)


    1 year, 6 months ago

    Hello, I can’t make quiz maker work together with Blocksy theme.

    Check the link I provided, you’ll see that the quiz maker frame is too wide, whereas it should be the same width as the header.

    Blocksy developers told me the following:

    It may look like this is an issue from the theme but actually the plugin is rewriting the core width and max-width properties, please see this quick video – https://d.pr/v/zVlhdJ

    In past we had a more sophisticated selector and it was beating this CSS that comes from the plugin, but now we moved to a more low specificity in the selector in order to comply with all WordPres changes – and because of this the plugin is rewriting our properties.

    If you will try with other core themes – this issue will also happen for sure.

    This told, there are two options here:

    1. You can contact the quiz plugin developer/author and ask him to modify their CSS code so it won’t rewrite the theme properties.
    2. You can use a custom CSS snippet that will rewrite the plugin code, something like this:
    div.ays-quiz-wrap {max-width: var(--theme-block-max-width) !important;width: var(--theme-block-width) !important;}

    Can you fix this?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Luke Garri

    (@sparkerm)

    1 year, 5 months ago

    I also have a second problem with the menu from Blocksy Theme, which is probably caused by quiz maker as well.

    Check this image to better understand the issue:

    https://ibb.co/VM5NZ43

    As you can see part of the drop down menu lies under the cover image of a quiz.

    To recap:

    1. The width of the quiz is excessive and does not meet the parameters of the theme.
    2. The drop-down menu located in the header is partially overshadowed by the quiz cover image.
    • This reply was modified 1 year, 5 months ago by Luke Garri.
    Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @sparkerm,

    Thank you for your topic.

    We’ve checked your case and noticed that the option for setting the quiz width is left empty as in the screenshot below.

    View post on imgur.com

    When this option is left blank, the quiz takes its container’s width, so it’s set to 100%.
    See the screenshot below:

    View post on imgur.com

    This is why the quiz appears wider, as it adjusts based on the container size.

    If you would like to adjust this, you can either set the quiz width in pixels or percentages to suit your preference. Alternatively, you can apply the CSS provided by your hosting, in which case the quiz width will depend on your theme.

    However, we will forward your feedback to the PM team, and if any changes are made regarding this in this feature, we will inform you accordingly.

    As for your second issue, you can add the following CSS in the Custom CSS section of your quiz settings (Quizzes > particular quiz > Styles Tab) and check if it resolves the issue:

    #ays-quiz-container-YOUR_QUIZ_ID {
    z-index: 1;
    }

    Replace YOUR_QUIZ_ID with the actual ID of your quiz (for example, #ays-quiz-container-2).

    Please check this and let us know about the outcome.

    Thank you.

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @sparkerm,

    We’re closing this ticket for now as we last heard from you 1 week ago.

    If the query is unresolved, drop us a line and we’ll get back to you at the earliest and the ticket will be re-opened.

    For a new query, feel free to open a new topic. Our Customer Care Specialists will be happy to help you.

    Thank you.

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

The topic ‘Incompatibility with Blocksy Theme’ is closed to new replies.