• Hello to all,
    I have a problem with to change the tooltip parameters on the mouse  hover area. 
    I can't do it in the setting page of plugin in the html customizable area ( the html style tag not working) 
    In short, if I make for proof  the change in the plugin editor in the .jvectormap-tip class contained in the CSS 'jquery-jvectormapxxx-css, it works correctly, but not when I insert it in the custom CSS of theme, through nimble builder (other customizations work correctly).
    I insert in the css exactly what is reported below.
    can anybody help me ? where I can set  this values ? Thanks.
    
    .jvectormap-tip {
        position: absolute;
        display: none;
        / * border: solid 1px #CDCDCD; * /
        border-radius: 3px;
        background: # f9f69f8c;
        color: blue;
        font-family: sans-serif, Verdana;
        font-size: smaller;
        padding: 3px;
        z-index: 2147483647;
    }
    • This topic was modified 3 years, 8 months ago by pigo64.
Viewing 1 replies (of 1 total)
  • Plugin Author Enrico Urbinati

    (@enrico-urbinati)

    Hi pigo64,

    use !important directive at the end of any property: value of your css and let me know:

    i.e.:

    .jvectormap-tip {
        position: absolute !important;
        display: none !important;
        / * border: solid 1px #CDCDCD; * /
        border-radius: 3px !important;
        background: # f9f69f8c !important;
        color: blue !important;
        font-family: sans-serif, Verdana !important;
        font-size: smaller !important;
        padding: 3px !important;
        z-index: 2147483647 !important;
    }

    or, even better, assign an higher specificity to your css using the map ID selector and the class, i.e.:

    #my-map-id .jvectormap-tip {
        position: absolute;
        display: none;
        / * border: solid 1px #CDCDCD; * /
        border-radius: 3px;
        background: # f9f69f8c;
        color: blue;
        font-family: sans-serif, Verdana;
        font-size: smaller;
        padding: 3px;
        z-index: 2147483647;
    }

    Please let me know if that solves!

Viewing 1 replies (of 1 total)

The topic ‘Jsvectormap-tip css’ is closed to new replies.