trAvis - MANAGER
Edit File: menu-nudge.scss
.menu-icon-envira { position: relative; } .menu-icon-envira .wp-submenu-wrap { display: none; } #envira-admin-menu-tooltip { position: absolute; left: 100%; top: 0; background: #fff; margin-top: 6px; margin-left: 16px; width: 350px; box-shadow: 0px 4px 7px 0px #ccc; &:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #fff transparent transparent; position: absolute; right: 100%; top: 75px; z-index: 10; } &:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #ccc transparent transparent; position: absolute; right: 100%; margin-left: -1px; top: 74px; z-index: 5; } .envira-admin-menu-tooltip-header { background: #7cc048; padding: 5px 12px; font-size: 14px; font-weight: 700; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; color: #fff; line-height: 1.6; } .envira-admin-menu-tooltip-icon { background: #fff; border-radius: 50%; width: 28px; height: 25px; display: inline-block; color: #03a0d2; text-align: center; padding: 3px 0 0; margin-right: 6px; } .envira-admin-menu-tooltip-content { color: #3c434a; padding: 15px 15px 7px; &:hover { color: #3c434a; } } .envira-admin-menu-tooltip-close { color: #fff; text-decoration: none; position: absolute; right: 10px; top: 12px; display: block; cursor: pointer; &:hover { color: #fff; text-decoration: none; span::before { border-left: none !important; } } .dashicons { font-size: 14px; } } #envira-admin-menu-launch-tooltip-button { background-color: #7cc048; border-color: #7cc048; } span.envira-admin-menu-tooltip-icon { color: #7cc048; } @media (max-width: 782px) { display: none; } }