Skip to content Skip to main navigation Skip to footer

“Hint” styling

Viewing 5 posts - 16 through 20 (of 20 total)
  • Author
    Posts
  • #2664
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    I am looking into the code. I will get back to you soon.

    Regards,
    Kriti

    #2671
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Please use the following code:

    .ui-widget {
        width: 1000px !important;
        max-width: 1000px !important;
    }
    
    .ui-tooltip .ui-tooltip-content {
        width: 950px !important;
        max-width: 950px !important;
        word-wrap:break-word !important;
       
    }

    This is how it looks on my chrome browser.

    https://drive.google.com/open?id=1-K7k-6X6IBAYiY3NvihQ838bWzgF5T41

    Hope this helps.

    Kind regards,
    Kriti

    #2673
    VPSARRAS@GMAIL.COM[email protected]
    Participant

    Hi

    Indeed when I add the CSS to the Chrome inspector it works as you mentioned

    Though when I add the CSS code in the Appearance -> Additional CSS it looks like this (see attached)

    Here is the CSS added so far

    .mlw_qmn_hint_link {
       color: rgb(20, 20, 27);
        text-decoration: none;
        font-size: 16px;
    		width: 50px;
    }
    .ui-widget-shadow {
    opacity: 1 !important;
    
    }
    .ui-widget {
        width: 1000px !important;
        max-width: 1000px !important;
    }
    
    .ui-tooltip .ui-tooltip-content {
        width: 950px !important;
        max-width: 950px !important;
        word-wrap:break-word !important;
       
    }

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #2703
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    As you mentioned that it works in your chrome inspector, therefore please clear any cache plugin’s cache content and browser history after he applied the custom css.

    If there are any previously applied custom css code, please check whether there is any syntax error.

    Regards,
    Kriti

    #16330
    ka babaka baba
    Participant

    They wanna make that onmouseover box bigger. I tried playing with CSS like that before, total headache! Guess I’d share my quiz page URL if I were him – gotta let them see what’s up. It’s not quite the blue lock rivals level of competition, but perfecting your quiz is important, right?

Viewing 5 posts - 16 through 20 (of 20 total)
  • You must be logged in to reply to this topic.