Forums / Setting Up Categories, Products, Attributes / Change Model, Item Name, Price font colors

Change Model, Item Name, Price font colors

Views: 2,190

Results 1 to 7 of 7
9 Jan 2011, 1:55 AM
#1
b_g_h avatar

b_g_h

New Zenner

Join Date:
Mar 2009
Posts:
10
Plugin Contributions:
0

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!

9 Jan 2011, 3:42 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Change Model, Item Name, Price font colors

A link to your live page will net you some responses

Zen-Venom Get Bitten

9 Jan 2011, 5:03 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

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

.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

.itemTitle a {
        font-size: 1.5em;
        color: #ff0000;
        }

Zen-Venom Get Bitten

9 Jan 2011, 3:49 PM
#5
b_g_h avatar

b_g_h

New Zenner

Join Date:
Mar 2009
Posts:
10
Plugin Contributions:
0

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.

9 Jan 2011, 9:57 PM
#6
b_g_h avatar

b_g_h

New Zenner

Join Date:
Mar 2009
Posts:
10
Plugin Contributions:
0

Re: Change Model, Item Name, Price font colors

Ok. So here is what I've done.

Line 21 as before.

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

At end of Stylesheet as recommended

.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/store/index.php?main_page=product_info&cPath=100000_150000_151000_151100&products_id=7

Non-visited category links in the center frame here are invisible, unless hovered over.
http://www.bluegroovehobbies.com/store/index.php?main_page=index&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.:oops: So if any admin wants to move it, feel free.

10 Jan 2011, 9:32 AM
#7
netfryer avatar

netfryer

New Zenner

Join Date:
Jan 2011
Posts:
1
Plugin Contributions:
0

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

.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

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

to

  $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

 $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

 $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.