Skip to content Skip to main navigation Skip to footer

Can’t change ‘give my result’ button on custom style

Welcome to QSM Support Forum. › Forums › QSM Pro Support › Can’t change ‘give my result’ button on custom style

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 29, 2019 at 8:34 am #1688
    Zoey BjerreZoey Bjerre
    Participant

    Hello.

    I have custom styled my quiz (this one: https://rejsentilsundhed.dk/quiz/din-vaegttabstype/) but the last ‘show me my results’ ‘Giv mig mit svar’ button can’t be altered, no matter what I do.
    I want it to look exactly like the other buttons, but just another color, what to do?

    Attachments:
    You must be logged in to view attached files.
    December 29, 2019 at 11:06 am #1695
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Zoey,

    Welcome to QSM Pro Support Forum. Hope you are having a nice day.

    I was able to customize ‘Giv mig mit svar’ button using CSS in Google developer tool. I just copied few css styles from the ‘Earlier’ button and pasted it onto ‘Give me an answer’ button in the Google developer tool(screenshot attached). And the button adapted the CSS code pretty fine.

    You might be having the issue with targeting the correct CSS selector of the element. Try to use correct CSS selectors for this element.

    Regards,
    Kriti

    Attachments:
    You must be logged in to view attached files.
    December 29, 2019 at 11:20 am #1698
    Zoey BjerreZoey Bjerre
    Participant

    I can do it under element.style to, but that doesn’t help me giving the correct class – I have tried with all the ones I could find that would make sense but it doesn’t change. If you can help me find the correct one, I will be very thankful.

    December 29, 2019 at 11:37 am #1699
    Kriti SharmaKriti Sharma
    Keymaster

    I need your website credentials so that I can help you with the exact CSS code.

    Regards,
    Kriti

    December 29, 2019 at 11:39 am #1700
    Zoey BjerreZoey Bjerre
    Participant
    This reply has been marked as private.
    December 30, 2019 at 7:19 am #1704
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    You were not using dot(.) in front of CSS selectors. I just applied dot(.) in front of CSS selectors and it started working. Now, it is looking quite similar to the rest of the two buttons. Please paste the rest of the required code for the button under “.qsm-btn” selector.

    Regards,
    Kriti

    December 30, 2019 at 8:13 am #1708
    Zoey BjerreZoey Bjerre
    Participant

    Hello,

    I see that was the case with one of them, but not the one that i was referring to 🙂 Thank you.
    However, now the button is showing all the time, whereas before it only showed when active. How can I make it so that it only shows when you are needing the answers?

    December 30, 2019 at 10:29 am #1711
    Kriti SharmaKriti Sharma
    Keymaster

    Now, that button is only showing at the end.

    I hope that your query is resolved now.

    Regards,
    Kriti

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.