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;
}