Changing Layout

  • Resolved sarmken

    (@sarmken)


    1 month, 2 weeks ago

    Hi there!

    I’m trying to make some aesthetic changes to the quizzes. First, I want to remove the shadowbox background – I would prefer it to simply be white with no shadowed outline at all. Second, I can’t get the skin care quiz not to scroll. I don’t see why it has a scroll bar to start with when it is not longer than the other quiz. If I change the scrolling option in the code to “no” then it just cuts off the bottom of the quiz.
    Third, I would like to change the colour of the links to the recommended products shown in the results – it shows it a bright pink, which is not a colour used anywhere else on my site. Lastly, I would like to remove the “By?WordPress Quiz plugin” in the lower right hand corner, as we paid for the licensing fee to use it and I would prefer to not have the advertisement on our site.
    Help will be much appreciated!!
    Best

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter sarmken

    (@sarmken)

    Also! The images at the top of results pages are very low quality, even though they are displayed much smaller than the resolution of the original picture that was uploaded. Is there a way to have these show up clearly?

    Plugin Support Jasmine

    (@hyenokian)

    Dear @sarmken,

    Thank you for your topic.

    Please find below the answers to your questions.

    1. Please navigate to Quiz Maker -> Quizzes -> specific quiz -> Styles tab and scroll down to find and disable the “Box shadow” option.
    See the screenshot below:

      View post on imgur.com

      2. Could you please provide more details regarding your request so we can better understand your case and assist you accordingly?
      It would be helpful if you could also provide screenshots that illustrate the issue you’re facing.

      3. To remove?the?plugin?branding?link, please head to the?Quiz Maker?plugin?> General Settings page > General Tab?and untick the?Powered By?option.
      See the screenshot below:

      View post on imgur.com

      4. When inserting an image, please ensure you select the?“Full?Size”?option for better quality.
      See the screenshot below:

      View post on imgur.com

      Looking forward to your reply.

      Thank you.

      Thread Starter sarmken

      (@sarmken)

      Hi @hyenokian !

      These solutions were great, thank you!

      To address two – I’m not sure if this is regarding scrolling or the recommended product links, as both of those were unanswered, so here is a link to a screenshot that shows both issues!

      https://drive.google.com/file/d/11LKp8x_FIoCZ0I_Ra9_XZeUZvKsuDEml/view?usp=sharing

      Thank you!

      Plugin Support Jasmine

      (@hyenokian)

      Dear @sarmken,

      Thank you for your reply.

      Regarding the scrolling issue, I’d like to note that you’ve set the quiz as an embed code (using an iframe), and this is causing the scrolling problem.
      To avoid this behavior, please use the quiz shortcode instead.
      See the screenshot below:

      View post on imgur.com

      As for the color of the links, please note that we don’t have the option to change this directly because it’s a WooCommerce link.
      However, our Dev Team has written a custom CSS specifically for you, which will allow you to achieve the desired result.

      Please take this Custom CSS code and insert it into the Quizzes > particular quiz > Styles tab > Custom CSS option.
      Then, replace YOUR_QUIZ_ID with the corresponding Quiz ID (for instance, like this: #ays-quiz-container-1).
      Do not delete the space after it.
      Do not forget to clear the cache afterward.

      Here is the CSS code:

      /* Set the text color */
      #ays-quiz-container-YOUR_QUIZ_ID .added_to_cart {
          color: black;
      }

      /* Change the text color on hover */
      #ays-quiz-container-YOUR_QUIZ_ID .added_to_cart:hover {
          color: red;
      }

      You can change the colors for both the text and hover states to whatever you want.
      The example is set to black and red.

      Please try this and let us know the outcome.

      Thank you.

      Plugin Support Jasmine

      (@hyenokian)

      Dear @sarmken,

      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 5 replies - 1 through 5 (of 5 total)
    • You must be logged in to reply to this topic.