Remove blue circle from logo

571
2
Jump to solution
03-15-2017 02:31 PM
CCWeedcontrol
Regular Contributor

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;
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

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.

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

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.

View solution in original post

CCWeedcontrol
Regular Contributor

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!

0 Kudos