Results 1 to 7 of 7
  1. #1
    Join Date
    Mar 2009
    Posts
    10
    Plugin Contributions
    0

    Default Change Model, Item Name, Price font colors

    Can't seem to change the font colors for "Model", "Item Name", and "Price" in the header pictured without also effecting the font color of all the items. I'd like to change those all to white, like the "Product Image" text is, but when I try adjusting this:

    a:link, #navEZPagesTOC ul li a {
    color: #000000;
    text-decoration: none;
    }

    to this:

    a:link, #navEZPagesTOC ul li a {
    color: #FFFFFF;
    text-decoration: none;
    }

    It changes the "Viper VST 10.5 Sensored Brushless Motor" to white as well.

    I'm using the latest release of Zen Cart, and the EzBlue template.

    Any help would be much appreciated.

    Thanks!
    Attached Images Attached Images  

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

    Default Re: Change Model, Item Name, Price font colors

    A link to your live page will net you some responses
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Mar 2009
    Posts
    10
    Plugin Contributions
    0

    Default Re: Change Model, Item Name, Price font colors

    Ok. Here is a link to the page that I took the screen shot from.

    http://www.bluegroovehobbies.com/sto..._151000_151100

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

    Default Re: Change Model, Item Name, Price font colors

    Much of this is built from arrays and is not directly addressable

    You can try adding styling in the stylesheet to

    Code:
    .productListing-data
    Add it at the bottom of the stylesheet - - it will affect much of the text listed so you will have to decide

    As for price - - add this to the bottom of your stylesheet and adjust to suit
    Code:
    .itemTitle a {
            font-size: 1.5em;
            color: #ff0000;
            }
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Mar 2009
    Posts
    10
    Plugin Contributions
    0

    Default Re: Change Model, Item Name, Price font colors

    Couldn't get that to work without it messing up other things. I'm headed out the door in a few minutes, so I'll have to post the details later.

    Thanks for the help though.

  6. #6
    Join Date
    Mar 2009
    Posts
    10
    Plugin Contributions
    0

    Default Re: Change Model, Item Name, Price font colors

    Ok. So here is what I've done.

    Line 21 as before.
    Code:
    a:link, #navEZPagesTOC ul li a {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    At end of Stylesheet as recommended
    Code:
    .productListing-data {
    	color: #00FF00;
    	text-decoration: none;
    	}
    	
    .itemTitle a {
            font-size: 1.5em;
            color: #FF0080;
            }
    Now here are some of the problems

    "Larger Image" text is invisible here.
    http://www.bluegroovehobbies.com/sto...&products_id=7

    Non-visited category links in the center frame here are invisible, unless hovered over.
    http://www.bluegroovehobbies.com/sto...x&cPath=100000

    Links in the "Important Links" sidebox are invisible.

    Hope this all makes sense.

    Also, I just noticed that I totally posted this thread in the wrong forum. So if any admin wants to move it, feel free.

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

    Default Re: Change Model, Item Name, Price font colors

    I found a solution:

    I added new link color classes at the end of the stylesheet just for these heading links.
    The css file is at includes/templates/EzBlue/css/stylesheet.css


    Code:
    .headerlink:link {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    
    .headerlink:visited {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    
    .headerlink:hover {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    
    .headerlink:active {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    Then updated the following php:


    In file includes/modules/product_listing.php i changed



    Code:
      $list_box_contents[0][$col] = array('align' => $lc_align,
                                          'params' => 'class="productlisting-heading"',
                                          'text' => $lc_text );
    to

    Code:
      $list_box_contents[0][$col] = array('align' => $lc_align,
                                          'params' => 'class="headerlink"',
                                          'text' => $lc_text );

    And in file includes/functions/functions_general.php i changed

    Code:
     $sort_prefix = '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('page', 'info', 'sort')) . 'page=1&sort=' . $colnum . ($sortby == $colnum . 'a' ? 'd' : 'a')) . '" title="' . zen_output_string(TEXT_SORT_PRODUCTS . ($sortby == $colnum . 'd' || substr($sortby, 0, 1) != $colnum ? TEXT_ASCENDINGLY : TEXT_DESCENDINGLY) . TEXT_BY . $heading) . '" class="productlisting-heading">' ;
    to

    Code:
     $sort_prefix = '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('page', 'info', 'sort')) . 'page=1&sort=' . $colnum . ($sortby == $colnum . 'a' ? 'd' : 'a')) . '" title="' . zen_output_string(TEXT_SORT_PRODUCTS . ($sortby == $colnum . 'd' || substr($sortby, 0, 1) != $colnum ? TEXT_ASCENDINGLY : TEXT_DESCENDINGLY) . TEXT_BY . $heading) . '" class="headerlink">' ;
    Now the colors are correct and are only changed for those header links in the blue bar.

    Hope this helps anyone else using the EzBlue template. I did a search and saw others asking this same question with no replies.

 

 

Similar Threads

  1. Change Item Name and Price colour without changing product titles
    By luvvvvvit in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Sep 2011, 02:32 PM
  2. Products page Model, Item Name Colors?
    By rfresh in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 24 Feb 2010, 12:30 PM
  3. Change Item name description font
    By Digiteck in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Apr 2008, 12:59 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