'Help Text' Branding Customization

Comments

4 comments

  • Avatar
    Alexey Shmelkin (ABSC.de)

    Hi Gwen,

    try this in shared css or normal css:
    .ui-tooltip, .ui-tooltip {
      color: red !important;
      text-decoration: line-through;
    }

    Like this you can modify the css of the tooltip.

    2nd way with JS:

    $(function() {

    $("head").append("<style>.ui-tooltip {background: #3F51B5 !important;}</style>");

            });

    Regards,

    Alexey

    0
    Comment actions Permalink
  • Avatar
    Gwen Wilson

    Thanks Alexey, that worked great! Do you know what I would add to the javascript to get the little triangle piece of the tool tip to be the same color as the main part?

     

    0
    Comment actions Permalink
  • Avatar
    Alexey Shmelkin (ABSC.de)

    Hi Gwen,

    please try:

    .right, .ui-tooltip-content::after {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: red !important;
    border-left-color: red !important;
    }
    .ui-tooltip, .ui-tooltip-content {
    background-color: red !important;
    }

    Regards,

    Alexey

    0
    Comment actions Permalink
  • Avatar
    Gwen Wilson

    Thank you so much! This worked perfectly!

    Gwen

    0
    Comment actions Permalink

Please sign in to leave a comment.