In Launch Pad theme, I created a widget group (as the following folder icon). After it is open, when users is hovering over the icon, text (e.g. ‘Census Tract’ pops up).
I would like to make the text of pop-up text darker and bold, and bigger. I am changing the code from theme - LaunchpadTheme -- widgets --AnchorBarController – css –style.css and codes like below:
.jimu-anchorbar-more-pupup .jimu-anchorbar-iconitem .icon-item.dockable{
margin-top: 0;
font-weight: bold;
}
But it does not do the change. Is there anything can work? Thanks!
Solved! Go to Solution.
Jake,
In the launchpad.css you will find these css rules that control that:
[install dir]\server\apps\[app#]\themes\LaunchpadTheme\styles\default\css\launchpad.css
.claro .launchpad-tooltip .dijitTooltipContainer { color: #6d6e70; padding: 5px 15px; -webkit-box-shadow: none; box-shadow: none; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } .claro .launchpad-tooltip.dijitTooltipAbove { padding-bottom: 12px; } .claro .launchpad-tooltip.dijitTooltipAbove .dijitTooltipConnector { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); border-top-color: #fff; bottom: 5px; }
Jake,
In the launchpad.css you will find these css rules that control that:
[install dir]\server\apps\[app#]\themes\LaunchpadTheme\styles\default\css\launchpad.css
.claro .launchpad-tooltip .dijitTooltipContainer { color: #6d6e70; padding: 5px 15px; -webkit-box-shadow: none; box-shadow: none; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } .claro .launchpad-tooltip.dijitTooltipAbove { padding-bottom: 12px; } .claro .launchpad-tooltip.dijitTooltipAbove .dijitTooltipConnector { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); border-top-color: #fff; bottom: 5px; }