Results 1 to 9 of 9
  1. #1
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Changing the color of my header images

    Hi,

    I am using the Lite_red template, and would like to change the colors of the header to something darker, maybe even black. How can this be done? Do I need to open the images and edit them in photoshop, or is this impossible?

    Thanks so much

    Site can be found here http://www.testmulberry.com

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    20,974
    Plugin Contributions
    25

    Default Re: Changing the color of my header images

    Yes, all of the colors in your header are background images. You will have to edit them in Photoshop or something to change their colors. Look in your stylesheet at #top_nav {}, #top_nav_right {}, #tab_nav li {} and #tools_wrapper {} for the image names.

  3. #3
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Changing the color of my header images

    Thanks for the info - is this a relatively easy thing to accomplish? Employer won't have it any other way :|

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    20,974
    Plugin Contributions
    25

    Default Re: Changing the color of my header images

    If you have Photoshop it is very easy. If not, it depends on the tools available. I don't know what you can do in other programs.

  5. #5
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Changing the color of my header images

    Ok. Since I do not have photoshop I went a different route . I downloaded (first backupped everything) the other template that is similar to this one, but is called Black Pure and has a dark grey header toolbar. Replaced current images with those images and everything seems to have worked OK - except for 2 things: The 'home' button on the black template is a house icon, and in the lite_red (which I have) is just the word 'Home'. I've tried taking out the work HOME in tpl_top_nav , which removes the word but cuts off half of the house icon. When I leave the word HOME in the tpl_top_nav file, it overlaps the Word Home and the house icon.

    #2, when you navigate between links and refresh the page, it flashes red (the old color of my header tool bar), I cannot seem to find why this is happening.

    Any advice would be greatly appreciated. Again my site is here http://www.testmulberry.com

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    20,974
    Plugin Contributions
    25

    Default Re: Changing the color of my header images

    You still have the original red background color:

    stylesheet.css (line 439)
    #top_nav {
    background: url("../images/ezpages_bg.gif") repeat-x scroll 0 0 #D1002D;
    font: bold 13px Tahoma;
    height: 36px;
    margin: 0;
    }

    Change the #D1002D to a dark gray like #222222


    tpl_top_nav is a completely custom file (no other template maker has it), so I have no idea how it is coded.

  7. #7
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Changing the color of my header images

    Once again, thanks so much for the help.

    It is still flashing whenever I click something - except now its that dark grey color.

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    20,974
    Plugin Contributions
    25

    Default Re: Changing the color of my header images

    I can't do anything about that. Make the color match the images as closely as possible, or maybe delete the color so it is transparent. I don't see any flash at all when switching pages.

  9. #9
    Join Date
    Jan 2011
    Posts
    142
    Plugin Contributions
    0

    Default Re: Changing the color of my header images

    Ok - It may just be how my browser is loading everything. I think it looks fine - but we will see. I got the other issue of the house logo worked out as well.

    Thanks again my friend.

 

 

Similar Threads

  1. Changing Header Color
    By ajaipandey in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Sep 2010, 06:54 PM
  2. Changing the header bar color
    By touchclothing in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 27 Oct 2009, 03:40 PM
  3. Changing Header Color
    By russellmcox in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 26 Jul 2009, 04:44 PM
  4. Help - Changing a background color in my header
    By CheapStairParts in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Mar 2008, 08:29 PM
  5. Changing color on New Product header
    By Linda5630 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 3 Sep 2006, 11:56 PM

Bookmarks

Posting Permissions

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