Thread: Header Wrapper

Results 1 to 7 of 7
  1. #1
    Join Date
    Nov 2003
    Posts
    10
    Plugin Contributions
    0

    Header Wrapper

    How do I change the color of the bottom line in the header wrapper? I attached an image of what I am asking about. Thanks in advance.
    Attached Images Attached Images  

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Header Wrapper

    In your stylesheet.css. Find this code
    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
        margin: 0em;
    	background-color: #000000;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    Change the background-color that is, from your pic, currently #000000 to what you want and the color to one that will complement the other
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Nov 2003
    Posts
    10
    Plugin Contributions
    0

    Default Re: Header Wrapper

    I am using the stylesheet from the Classic template in my custom template. I tried changing the background color but that does not work.

    Here is what I put,

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #008000;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	border-bottom-color: #336633;
    	}

  4. #4
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Header Wrapper

    You've just made it the background itself green, using "#008000" . If you wanted it black like the picture, it was stated that black is "#000000". Also, that border-bottom declaration is wrong. Check other border-bottoms(like for the HR selector) to see where you went wrong.

    If you want... simply adjust the padding, you will be able to tuck the image back in without having that bleed line showing.

    Try this;

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #000000;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.3em 0.2em;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	}

  5. #5
    Join Date
    Nov 2003
    Posts
    10
    Plugin Contributions
    0

    Default Re: Header Wrapper

    I want the line showing I just want it to be green.

  6. #6
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Header Wrapper

    Oh, okay.

    The code you supplied should have worked, minus the border bottom;

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #008000;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	}

  7. #7
    Join Date
    Nov 2003
    Posts
    10
    Plugin Contributions
    0

    Default Re: Header Wrapper

    Still does not show. But its okay. Thanks.

 

 

Similar Threads

  1. Header wrapper out of control
    By enzo-ita in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 3 Jun 2012, 07:04 PM
  2. Add image to header wrapper?
    By jillcripps in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Aug 2011, 11:55 AM
  3. Logo Wrapper Header Image
    By gixxer1000stunna in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 9 Sep 2009, 10:39 PM
  4. header wrapper; logo wrapper
    By dhamma in forum Basic Configuration
    Replies: 6
    Last Post: 23 Jul 2008, 01:14 PM
  5. Header wrapper
    By ryanb4614 in forum Basic Configuration
    Replies: 9
    Last Post: 10 Feb 2008, 12:12 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg