Skip to content Skip to main navigation Skip to footer

“Hint” styling

Welcome to QSM Support Forum. › Forums › QSM Pro Support › “Hint” styling

Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • Author
    Posts
  • February 26, 2020 at 11:54 am #2465
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Dear Support

    I’d like your input to modify the onmouseover(?) message frame of the “Hint” (font color, bg color, frame size)

    Thanks in advance

    Vasilis

    February 27, 2020 at 3:29 am #2475
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Vasilis,

    Welcome to QSM Pro Support forum.

    Let me look at the code so that I can help you out. I will get back to you soon.

    Regards,
    Kriti

    March 3, 2020 at 9:31 am #2556
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Dear Kriti,

    any update on the issue??

    thanks in advance

    V.

    March 4, 2020 at 7:23 am #2569
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Vasilis,

    Please paste the following CSS code in the Appearance -> Additional CSS

    .mlw_qmn_hint_link {
   color: rgb(20, 20, 27);
    text-decoration: none;
    font-size: 20px;
}

    You can customize the CSS styles as per your requirements.

    Regards,
    Kriti

    March 4, 2020 at 8:08 am #2572
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Hi Kriti,

    thanks for the reply, though I was referring to the content of the “Hint” as in this topic : https://support.quizandsurveymaster.com/support/topic/opacity-off-on-hint/

    Can I modify the size of the box in this case?

    thanks

    V.

    March 4, 2020 at 7:06 pm #2583
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    I need to check the code again for this.

    Regards,
    Kriti

    March 5, 2020 at 4:13 pm #2609
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    You can use the following CSS class to increase size of the hint frame:

    .ui-widget{
 //css-declarations;
}

    Regards,
    Kriti

    March 6, 2020 at 7:40 am #2619
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Hi,

    using .ui-widget {} I can decrease the size of the hint frame but I can’t increase it. Same with .ui-widget-shadow {}

    Any advise?

    BR

    V.

    March 6, 2020 at 10:36 am #2623
    Kriti SharmaKriti Sharma
    Keymaster

    Giving height and width of this widget, you can increase its frame size.

    Kind regards,
    Kriti

    March 6, 2020 at 11:46 am #2628
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Hi

    It doesn’t work in my case. I can decrease height and width but not to increase it

    BR

    V.

    March 9, 2020 at 6:17 am #2641
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Please paste the following code in the Appearance -> Custom CSS. You can increase or decrease the width or height of the hint frame using this code.

    .ui-tooltip .ui-tooltip-content{
	max-width: 600px !important;
}

.ui-widget{
	height: 150px;
}

    Regards,
    Kriti

    March 9, 2020 at 7:26 am #2643
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Sorry mate but the issue still remains. I can’t increase hint frame width. Any more ideas??

    BR

    V.

    March 9, 2020 at 8:06 am #2645
    Kriti SharmaKriti Sharma
    Keymaster

    This code worked on my local website. Maybe I can help if you send me the url of your quizz’s page.

    Regards,
    Kriti

    March 9, 2020 at 9:03 am #2647
    VPSARRAS@GMAIL.COM[email protected]
    Participant
    This reply has been marked as private.
    March 9, 2020 at 9:04 am #2648
    VPSARRAS@GMAIL.COM[email protected]
    Participant
    This reply has been marked as private.
  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • You must be logged in to reply to this topic.