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 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.
    #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.
    #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.

    #1699
    Kriti SharmaKriti Sharma
    Keymaster

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

    Regards,
    Kriti

    #1700
    Zoey BjerreZoey Bjerre
    Participant
    This reply has been marked as private.
    #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

    #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?

    #1711
    Kriti SharmaKriti Sharma
    Keymaster

    Now, that button is only showing at the end.

    I hope that your query is resolved now.

    Regards,
    Kriti

    #22661
    Team rankifygeniusTeam rankifygenius
    Participant

    Finsbury Growth and Income
    The overview of Finsbury Growth and Income was easy to understand. It’s interesting to see why so many long-term investors value a disciplined investment approach.

    #22687
    usman2rr usman2rrusman2rr usman2rr
    Participant

    The internet helps people stay connected, access information, and manage online activities with ease. You can also explore piso wifi pause time to learn more about controlling and managing WiFi usage.

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