Is there method to change popup-text of widget group

2074
1
Jump to solution
04-14-2016 07:51 AM
JakeCliffton
New Contributor III

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!

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

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;

}

View solution in original post

0 Kudos
1 Reply
RobertScheitlin__GISP
MVP Esteemed Contributor

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;

}

View solution in original post

0 Kudos