nsForum logo

Welcome Guest ( Log In )

 
 Reply to this topicStart new topic
> Removing Header Image
MPSS
post Mar 23 2009, 10:12 PM
Post #1





Group: Verified NS Member
Posts: 3
Joined: 20-March 09
Member No.: 4,017
Anyone have an idea how to remove the gradient image at the top of my site? I tried going into header but no luck. Thanks

metropublicsafetysupply
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 24 2009, 10:00 AM
Post #2





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170
This line from the default theme CSS is causing the header to have a background gradient:
CODE
tr.header-top td { background: url('themes/default/images/layout/head_bg.gif') repeat-x; }

If you remove it, the logo will still have the gradient background, so that will have to be changed as well, but you can add this to your own CSS stylesheet:
CODE
tr.header-top td { background: none !important; }

... or in the header html:
CODE
<style type="text/css">
  tr.header-top td { background: none !important; }
</style>
Go to the top of the page
 
+Quote Post
MPSS
post Mar 31 2009, 01:40 PM
Post #3





Group: Verified NS Member
Posts: 3
Joined: 20-March 09
Member No.: 4,017
I'm overlooking something. I managed to remove the gradient in all but the actual header. When I open the editor in html I do not see anything to remove the gradient.

QUOTE (AndyT - MC @ Mar 24 2009, 11:18 AM) *
This line from the default theme CSS is causing the header to have a background gradient:
CODE
tr.header-top td { background: url('themes/default/images/layout/head_bg.gif') repeat-x; }

If you remove it, the logo will still have the gradient background, so that will have to be changed as well, but you can add this to your own CSS stylesheet:
CODE
tr.header-top td { background: none !important; }

... or in the header html:
CODE
<style type="text/css">
  tr.header-top td { background: none !important; }
</style>
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 31 2009, 02:20 PM
Post #4





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170
The gradient is on your entire page, the wysiwyg just shows you the snippet of code at the top of the page. It represents a portion of the code, not necessarily how it will look when placed in the page.
Go to the top of the page
 
+Quote Post
 

Reply to this topicStart new topic
Tags

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 21st March 2010 - 10:47 PM
Powered By IP.Board © 2010  IPS, Inc.
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates