Results 1 to 7 of 7
  1. #1
    Join Date
    Apr 2010
    Location
    Tallahassee, Florida USA
    Posts
    98
    Plugin Contributions
    0

    Default Trouble changing the colors of the top and bottom green "bars"

    I've spent 2 + hours trying to figure this out. I know it's real simple, but it's driving me crazy.

    I don't want to ask such dumb questions on here, but the answer is NOWHERE. I cannot proceed forward until I change these stupid colors.

    I have two zen cart sites. One is just for testing stuff, and is a site to play with & experiment with. The other is my main project site.

    I CANNOT change the colors of the top and bottom green "bars" (the ones that have "home" and "log in", & a searchbox on them) OR elimate the "sky" behind the zen cart logo and turn it to my desired color.

    On my test site, I changed these colors EASILY on both of these elements. On my project site, neither one will change.

    WHY?

    Murphy's Law says the site I spent months on trying to put products, descriptions, attributes, etc., is the one that will have a simple glaring defect that I cannot change on it.

    I want to defeat this logic........

  2. #2
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    Give us a URL to your project site and I'll use Firebug to find out for you.
    20 years a Zencart User

  3. #3
    Join Date
    Apr 2010
    Location
    Tallahassee, Florida USA
    Posts
    98
    Plugin Contributions
    0

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    I messaged you with the URL.

    I've got all the file permissions wide open, and although this is probably unnecessary, I thought I'd send it to you....

    Should I just put the URL here and not worry about it?
    I will do so, if there's no danger...

  4. #4
    Join Date
    Sep 2008
    Location
    Toronto, Ontario, Canada
    Posts
    469
    Plugin Contributions
    0

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    If you're just using IE to look at your site do ctrl+F5 it forces a server refresh of your screen - or should - and you should see it then - but soemtimes even doing that sometimes it won't work you get the same screen over and over again.

    You should also check your internet tools to "check for a new page every visit" - some people have it once a day only and therefore they don't see the new page.

    Maybe clear your cache while you on another webpage - reason- if you try to do it with on the same page- it keeps the information because it needs to retain it to keep displaying it to you.

  5. #5
    Join Date
    Jul 2010
    Posts
    79
    Plugin Contributions
    0

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    Quote Originally Posted by JDog21 View Post
    I've spent 2 + hours trying to figure this out. I know it's real simple, but it's driving me crazy.

    I don't want to ask such dumb questions on here, but the answer is NOWHERE. I cannot proceed forward until I change these stupid colors.

    I have two zen cart sites. One is just for testing stuff, and is a site to play with & experiment with. The other is my main project site.

    I CANNOT change the colors of the top and bottom green "bars" (the ones that have "home" and "log in", & a searchbox on them) OR elimate the "sky" behind the zen cart logo and turn it to my desired color.

    On my test site, I changed these colors EASILY on both of these elements. On my project site, neither one will change.

    WHY?

    Murphy's Law says the site I spent months on trying to put products, descriptions, attributes, etc., is the one that will have a simple glaring defect that I cannot change on it.

    I want to defeat this logic........

    Look in your stylesheet.css for this.

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #ff0000;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    That color will make them all red.

    That will be for the bar with the Home, login links. The bar with the nav crumbs, just under image logo (default), and the bar just above the copyright info.
    Last edited by FragaGeddon; 26 Jul 2010 at 01:32 AM.

  6. #6
    Join Date
    Jul 2010
    Posts
    79
    Plugin Contributions
    0

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    You can also seperate them if you'd like. Like maybe you want each bar a different color for example.

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    #navMainWrapper {
            background-color: #ff0000;
            }
    #navSuppWrapper {
            background-color: #ffff00;
            }
    #navCatTabsWrapper {
            background-color: #ff6666;
            }

  7. #7
    Join Date
    Oct 2006
    Location
    Los Angeles
    Posts
    109
    Plugin Contributions
    0

    Default Re: The Quickest and Easiest way to work out what does what on the CSS style sheet

    thank you, this is helpful info

 

 

Similar Threads

  1. Replies: 2
    Last Post: 7 Jul 2010, 11:34 PM
  2. move "add to cart" from bottom of the page to the top?
    By SalmonLikeTheFish in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Dec 2008, 03:48 AM
  3. How to change the title bars color from the default green to other colors?
    By yvonne8 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 27 Jun 2008, 06:20 PM
  4. Changing the green bars!
    By Robsy in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 19 Feb 2008, 04:44 PM

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