topic Remove blue circle from logo in ArcGIS Web AppBuilder Questions

Remove blue circle from logo

CCWeedcontrol — Sat, 11 Dec 2021 14:03:10 GMT

I have an app that i want to remove the blue circle from the logo and keep the gray title header from moving left. I've tried to remove it by making the .claro .jimu-widget-header .logo high and width to "0" in the common.css in the app's \themes\LaunchpadTheme folder. the blue circle goes a way but the gray title header moves to the left, see attached pic.

How can i accomplish this?

Common.css

.claro .jimu-widget-header .logo {
    height: 0px !important;
    width: 0px;
    min-width: 50px;
    background-color: #3b8fc4;
    -webkit-border-radius: 50px;
    border-radius: 80px !important;
    position: relative;
    top: -32px !important;
    left: -1px !important;
    -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
}

.claro .jimu-widget-header .logo > img {
  height: 100px !important;‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Remove blue circle from logo

RobertScheitlin__GISP — Sat, 11 Dec 2021 14:03:13 GMT

Go into the themes\LaunchpadTheme\styles\default\css\launchpad.css and comment out the background-color:

.claro .jimu-widget-header .logo {
  height: 50px;
  min-width: 50px;
  /*background-color: #3b8fc4;*/
  -webkit-border-radius: 25px;
  border-radius: 25px;
  position: relative;
  top: -2px;
  left: 0;
  -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 0.5px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.2);
}‍‍‍‍‍‍‍‍‍‍‍‍

comment it out of your common.css too.

Re: Remove blue circle from logo

CCWeedcontrol — Thu, 16 Mar 2017 16:27:34 GMT

After commenting out the background-color on the common.css and launchpad.css it removed the blue circle.

I did have to make changes to the .jimu-widget-header .logo hightL0px min-width: 0px in the launchpad.css and changes to the jimu-widget-header .logo hight: 0 px; width:0 px in the common.css or else there was the an outline of where the blue circle was.

Thanks Robert!