Results 1 to 7 of 7
  1. #1
    Join Date
    Sep 2006
    Posts
    80
    Plugin Contributions
    0

    Default problem with productListing-heading css

    how can i change the color from "Item Name-" & "Price" in category list?
    found the following thread and add to my css:

    .productListing-heading {
    color: #ffffff;
    }

    but nothing changed - i use a blue background in table and want to set "Item Name-" & "Price" to #ffffff.

    where can i find the template file with the css class for that?
    regards
    Ralph


    When I open a category there is a list of items in that category. The text at the top of that list has "Product Image" "Item Name-" & "Price" above the relevant column. The text for "Product Image" is darker than the text for the other two & I'd like to change it in order to make a more consistent look, but I don't know where it is.
    I'd be very grateful if someone could point me in the right direction

  2. #2
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: problem with productListing-heading css

    For the use of class and id, you can view the page source for it.

    And in the wiki, there listed many:
    Useful Tools For Working With Zen Cart™.
    Also more references can be find at the topic of:
    Favorite Tools of the Trade


    The follows only for suggestions, since there are many combinations can be used.
    For the 1st in heading is for image
    Code:
    #listCell0-0.productListing-heading {
    	color: maroon;
    }

    For the 2nd, 3rd and the follows in heading are for sortings and are <a href=...
    Code:
    .productListing-heading a {
    	color: white;
    }	
    	
    .productListing-heading a:hover {
    	color: maroon;
    }

    If want more fine control for the 2nd, 3rd and so on, may try
    Code:
    #listCell0-1.productListing-heading a {
    	color: white;
    }		
    	
    #listCell0-1.productListing-heading a:hover {
    	color: maroon;
    }
    where
    #listCell0-1
    can be exchagned or expanded to more of
    #listCell0-2, #listCell0-3, #listCell0-4 .. or more if it existed.

    Hope this helps.

    .
    A New Starter again

  3. #3
    Join Date
    Sep 2006
    Posts
    80
    Plugin Contributions
    0

    Default Re: problem with productListing-heading css

    many thanks seethrou,

    also for the links

    Ralph

    Quote Originally Posted by seethrou View Post
    For the use of class and id, you can view the page source for it.

    And in the wiki, there listed many:
    Useful Tools For Working With Zen Cart™.
    Also more references can be find at the topic of:
    Favorite Tools of the Trade


    The follows only for suggestions, since there are many combinations can be used.
    For the 1st in heading is for image
    Code:
    #listCell0-0.productListing-heading {
    	color: maroon;
    }

    For the 2nd, 3rd and the follows in heading are for sortings and are <a href=...
    Code:
    .productListing-heading a {
    	color: white;
    }	
    	
    .productListing-heading a:hover {
    	color: maroon;
    }

    If want more fine control for the 2nd, 3rd and so on, may try
    Code:
    #listCell0-1.productListing-heading a {
    	color: white;
    }		
    	
    #listCell0-1.productListing-heading a:hover {
    	color: maroon;
    }
    where
    #listCell0-1
    can be exchagned or expanded to more of
    #listCell0-2, #listCell0-3, #listCell0-4 .. or more if it existed.

    Hope this helps.

    .

  4. #4
    Join Date
    Nov 2008
    Posts
    11
    Plugin Contributions
    0

    Default Re: problem with productListing-heading css

    hmm...where is this ..productListing-heading tag found?

    I don't see it in the main css file for the default template.

  5. #5
    Join Date
    Sep 2003
    Location
    Ohio
    Posts
    69,402
    Plugin Contributions
    6

    Default Re: problem with productListing-heading css

    NOTE: you should use just the 1 post and not many as it is confusing to help you ...

    NOTE: why are you touching the default files when you should be using the templates and overrides to avoid getting overwritten on an upgrade in the future ... templates and overrides will avoid you becoming very very sad in the future ...
    Linda McGrath
    If you have to think ... you haven't been zenned ...

    Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!

    Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today: v1.5.5]
    Officially PayPal-Certified! Just click here

    Try our Zen Cart Recommended Services - Hosting, Payment and more ...
    Signup for our Announcements Forums to stay up to date on important changes and updates!

  6. #6
    Join Date
    Nov 2008
    Posts
    11
    Plugin Contributions
    0

    Default Re: problem with productListing-heading css

    The php is a mess. You have to go here to change this and here to change that. I'm just going where the code takes me. I've never seen a website use as many include files as this one.
    I'd much prefer a .Net version of this; it'd be so much cleaner with the code behind files.

  7. #7
    Join Date
    Sep 2003
    Location
    Ohio
    Posts
    69,402
    Plugin Contributions
    6

    Default Re: problem with productListing-heading css

    I am a coder and not a designer ...

    If I knew how to design, I would not have to touch the code to change the design as that is how Zen Cart is setup ...

    As a code, I am like you, and I just "think" I have to touch the code to change the design when most of the time it is all done in the stylesheet ...

    If you could take the time to state "what" you think you are trying to do, I bet some designer types could just tell you change the class in your stylesheet to blah blah blah and bing bang boom ... it is all changed without touching the code ...
    Linda McGrath
    If you have to think ... you haven't been zenned ...

    Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!

    Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today: v1.5.5]
    Officially PayPal-Certified! Just click here

    Try our Zen Cart Recommended Services - Hosting, Payment and more ...
    Signup for our Announcements Forums to stay up to date on important changes and updates!

 

 

Similar Threads

  1. v151 Mispelt productListing-heading
    By TheKenster in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 7 Jul 2015, 11:58 AM
  2. class="productListing-heading"
    By webboy634 in forum Basic Configuration
    Replies: 10
    Last Post: 24 Nov 2008, 01:38 AM
  3. productlisting-heading
    By yellowdaises in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 May 2007, 05:35 PM
  4. productListing-heading problems
    By HiPCTech in forum Bug Reports
    Replies: 0
    Last Post: 30 Apr 2007, 01:39 AM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR