Remove blue circle from logo

CCWeedcontrol

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

<SPAN class="punctuation token">.</SPAN>claro <SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>widget<SPAN class="operator token">-</SPAN>header <SPAN class="punctuation token">.</SPAN>logo <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; height<SPAN class="punctuation token">:</SPAN> 0px !important<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; width<SPAN class="punctuation token">:</SPAN> 0px<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; min<SPAN class="operator token">-</SPAN>width<SPAN class="punctuation token">:</SPAN> 50px<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; background<SPAN class="operator token">-</SPAN>color<SPAN class="punctuation token">:</SPAN> <SPAN class="comment token">#3b8fc4;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="operator token">-</SPAN>webkit<SPAN class="operator token">-</SPAN>border<SPAN class="operator token">-</SPAN>radius<SPAN class="punctuation token">:</SPAN> 50px<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; border<SPAN class="operator token">-</SPAN>radius<SPAN class="punctuation token">:</SPAN> 80px !important<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">:</SPAN> relative<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; top<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">-</SPAN>32px !important<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; left<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">-</SPAN>1px !important<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="operator token">-</SPAN>webkit<SPAN class="operator token">-</SPAN>box<SPAN class="operator token">-</SPAN>shadow<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN> 1px <SPAN class="number token">0.</SPAN>5px rgba<SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0.3</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN> 2px 2px rgba<SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0.2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; box<SPAN class="operator token">-</SPAN>shadow<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN> 1px <SPAN class="number token">0.</SPAN>5px rgba<SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0.3</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN> 2px 2px rgba<SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0.2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="punctuation token">.</SPAN>claro <SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>widget<SPAN class="operator token">-</SPAN>header <SPAN class="punctuation token">.</SPAN>logo <SPAN class="operator token">></SPAN> img <SPAN class="punctuation token">{</SPAN>
&nbsp; height<SPAN class="punctuation token">:</SPAN> 100px !important<SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Info.png

serv2.jpg

Nelson_EarlyUX1.jpg

RobertScheitlin__GISP

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

<SPAN class="selector token">.claro .jimu-widget-header .logo</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">height</SPAN><SPAN class="punctuation token">:</SPAN> 50px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">min-width</SPAN><SPAN class="punctuation token">:</SPAN> 50px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="comment token">/*background-color: #3b8fc4;*/</SPAN>
&nbsp; <SPAN class="property token">-webkit-border-radius</SPAN><SPAN class="punctuation token">:</SPAN> 25px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">border-radius</SPAN><SPAN class="punctuation token">:</SPAN> 25px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">position</SPAN><SPAN class="punctuation token">:</SPAN> relative<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">top</SPAN><SPAN class="punctuation token">:</SPAN> -2px<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">left</SPAN><SPAN class="punctuation token">:</SPAN> 0<SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">-webkit-box-shadow</SPAN><SPAN class="punctuation token">:</SPAN> 0 1px 0.5px <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>0,0,0,0.3<SPAN class="punctuation token">)</SPAN>, 0 2px 2px <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>0,0,0,0.2<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">box-shadow</SPAN><SPAN class="punctuation token">:</SPAN> 0 1px 0.5px <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>0,0,0,0.3<SPAN class="punctuation token">)</SPAN>, 0 2px 2px <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>0,0,0,0.2<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

comment it out of your common.css too.