X-Cart forums

[swordmart]

Hi
Hope im posting in the right place, im trying to edit the colour of the writing that is displayed when viewing a list of products,
"Sort by: Sort direction Cat No Product Price Default "
I want to be able to adjust the colur independent of all other changes.
http://www.swordmart.co.uk/store/ test site

Ive tried editing my search_sort_by.tpl but to no luck, im currenley testing this on latest 4.0. branch.

Any help would be great.
Regards
Jamie

[balinor]

Probably defaults to the standard link text. If you want to add a differnet color, you need to create a new link style (a: link, a: hover, a: visited, a: active) and call the link style in those links. Moving to Template Editing.

[swordmart]

Hi Sorry to be a pain but what ever i try, does not work, but I am a noob!
If possable could you tell me the changes i need to make?

this is the code I have

{* $Id: search_sort_by.tpl,v 1.3.2.1 2004/10/13 11:21:44 max Exp $ *}
{if $url eq '' && $navigation_script ne ''}{assign var="url" value=$navigation_script|cat:"&"}{/if}
<B>{$lng.lbl_sort_by}:</B>&nbsp;&nbsp;&nbsp;&nbsp;
	{foreach from=$sort_fields key=name item=field}
	<A href="{$url}sort={$name}&sort_direction={if $name eq $selected}{if $direction eq 1}0{else}1{/if}{else}{$direction}{/if}" style="TEXT-DECORATION: underline;" title="{$lng.lbl_sort_by}: {$field}">{if $name eq $selected}<B><IMG src="{$ImagesDir}/{if $direction}darrow.gif{else}uarrow.gif{/if}" width="9" height="9" border="0" valign="absmiddle" alt="{$lng.lbl_sort_direction}">&nbsp;{/if}{$field}{if $name eq $selected}</B>{/if}</A>&nbsp;&nbsp;&nbsp;&nbsp;
	{/foreach}

Also what would i need to add to my css?

Many Thanks in advance
Jamie

[balinor]

Replace this:

style="TEXT-DECORATION: underline;"

with this:

class="sortby"

Then add this to skin1.css:

.sortby:link {COLOR: #000000; TEXT-DECORATION: none;}
.sortby:visited {COLOR: #000000; TEXT-DECORATION: none;}
.sortby:hover {COLOR: #CC0000; TEXT-DECORATION: none;}
.sortby:active {COLOR: #000000; TEXT-DECORATION: none;}

Then change the colors and styles for each accordingly. The colors above are black for the links, red for the hover.

[swordmart]

Thank you very much for your time and help, ill try this now.

regards
Jamie