Style Tooltips

  • Resolved DELUCKS

    (@delucks)


    1 month, 4 weeks ago

    Since you can’t customize the styles like the background color of the tooltips in the plugin and the source code doesn’t make me smart, I wanted to ask for the CSS selectors for it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Le Van Toan

    (@levantoan)

    try css to white

    /*
    Insert this css to your css file
    Author: https://levantoan.com
    */
    body #powerTip {
        background-color: #fff;
    }
    body #powerTip.n:before {
        border-top: 10px solid rgb(255, 252, 252);
    }
    body #powerTip.s:before {
        border-bottom: 10px solid #fff;
    }
    body #powerTip.e:before {
        border-right: 10px solid #fff;
    }
    body #powerTip.w:before {
        border-left: 10px solid #fff;
        right: -10px
    }
    body #powerTip.ne:before,body #powerTip.nw:before {
        border-top: 10px solid #fff;
        border-top: 10px solid rgba(255,255,255,1);
    }
    body #powerTip.se:before,body #powerTip.sw:before {
        border-bottom: 10px solid #fff;
        border-bottom: 10px solid rgba(255,255,255,1);
    }
    body #powerTip.nw-alt:before,body #powerTip.ne-alt:before,body #powerTip.sw-alt:before,body #powerTip.se-alt:before {
        border-top: 10px solid #fff;
        border-top: 10px solid rgba(255,255,255,1);
    }
    body #powerTip.sw-alt:before,body #powerTip.se-alt:before {
        border-bottom: 10px solid #fff;
        border-bottom: 10px solid rgba(255,255,255,1);
    }
    body .box_view_html {
        color: #000;
    }
    body .box_view_html span.close_ihp svg {
        fill: #000;
    }
    Thread Starter DELUCKS

    (@delucks)

    Thank you very much @levantoan

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