Network Name blur

[Eric Bersen]

For the "Rainy Day Patrol" theme, there is a style effect BLUR that surrounds the network name.  I'll make the name transparent, so you don't see it, but the blur remains.  Does anyone know a code to get rid of the blur?  Photo below...  Thanks!

[Bernard Lama]

Use this code in you advanced CSS Area

#xg_head {
box-shadow: 0px;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
}

[Eric Bersen]

I put the code in and it didn't work.  I attached a generic screen-shot showing the issue.  Thanks for the help...

[Debbie]

Try removing the 'Network Name and/or Tagline' from your site.  It appears you are using a graphic image with your site name and do not need the Network Name text.

/***HIDE NETWORK NAME & TAGLINE***/ 
#xg_sitedesc { display: none;} #xg_sitename {display: none;}

[Eric Bersen]

That worked!  I couldn't take my network name from settings for some reason.  This is good, thanks!    Do you know the code to change the color from the black shadow that surrounds the header?

[Debbie]

Glad it worked for you, Eric :)  The black shadow appears to be an added CSS 'Shadow' code.  See if you can find a code similar to the one below and remove it from your 'Header' code.  Your pix may be different from the one below, but the code is the same.

-moz-box-shadow: 3px 3px 14px #000;

    -webkit-box-shadow: 3px 3px 4px #000;

    box-shadow: 3px 3px 4px #000;

[Debbie]

If you are wanting to keep the 'Shadow' code but change the shadow from black to another color, look for the 'Shadow' code as mentioned above and make your changes where you see #000.

[Eric Bersen]

Here are the 2 codes I found similar, but I haven't had luck figuring it out yet, still trying....

.xg_theme .xj_ad_below_header {
width:982px;
padding:10px;
margin: 0 auto;
background:@ning-main-background-color @ning-main-background-image @ning-main-background-repeat scroll 0 0;
box-shadow:0 0 100px #000;
-webkit-box-shadow:0 0 100px #000;
-moz-box-shadow:0 0 100px #000;
}

.xg_theme #xg_head {
margin-top:20px;
box-shadow:0 0 100px #000;
-webkit-box-shadow:0 0 100px #000;
-moz-box-shadow:0 0 100px #000;
border-radius:15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
padding-bottom:0;
}

[Debbie]

Change your 'hex color' code which is #000 to a different hex color of your choice, if you want to keep the shadow around your Header with a different color.  If you want to remove the shadow from your header, remove these two codes:

box-shadow:0 0 100px #000;
-webkit-box-shadow:0 0 100px #000;
-moz-box-shadow:0 0 100px #000;

box-shadow:0 0 100px #000;
-webkit-box-shadow:0 0 100px #000;
-moz-box-shadow:0 0 100px #000;

[Eric Bersen]

Hey.... it worked.  It wouldn't let me preview so I was nervous to publish, it just didn't seem right, but I hit publish and it worked.  You da best!  Thanks!

[Debbie]

If you should ever publish your changes but want to go back to a previous published work, go to 'My Themes' and choose one of your published themes.  Glad everything worked for you!