X-Cart forums - Changing text colors and skin1.css

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Changing text colors and skin1.css (https://forum.x-cart.com/showthread.php?t=12217)

Changing text colors and skin1.css

I have been trying to change the color of text displayed on "catagories", "help" and "search" bars to white. When I do this in skin1.css, other text that I don't want to be white also changes, and only half of the text on the search bar changes. I have looked in the forums for a solution, but have had no luck. Can anyone tell me how I can change only the test mentioned above?

This is the code I am changing:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #FFFFFF; FONT-SIZE: 10px;
}

Thanks in advance

Here you go:

Code:

{if $usertype eq "C"}

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR> 

{if $menu_mode ne ""}

<TD colspan="2" class="{$menu_mode}MenuBorder">[img]{$ImagesDir}/custom/{$menu_mode}menu_title_border_bg.gif[/img]</TD>

</TR>

<TR>

<TD colspan="2" class="{$menu_mode}MenuTitle">

<TABLE border="0" cellpadding="0" cellspacing="0">

<TR><TD background="{$ImagesDir}/custom/{$menu_mode}menu_title_middle_bg.gif">[img]{$ImagesDir}/spacer.gif[/img]</TD><TD height="25"></TD><TD>[img]{$ImagesDir}/custom/menu_head_arrow.gif[/img]</TD><TD></TD>

<TD nowrap height="25" width="100%"><NOBR>{if $link_href}

{$menu_title}

{else}

<FONT class="{$menu_mode}MenuTitle">{$menu_title}</FONT>

{/if}</NOBR>

</TD>

</TR>

</TABLE>

</TD>

</TR>

<TR>

<TD colspan="2" class="{$menu_mode}MenuBorder">[img]{$ImagesDir}/custom/{$menu_mode}menu_title_border_bg.gif[/img]</TD>

{else}

<TD background="{$ImagesDir}/custom/menu_head_bg.gif" colspan="2"  class="MenuTitleBg">

<TABLE border="0" cellpadding="0" cellspacing="0">

<TR><TD>[img]{$ImagesDir}/custom/menu_head_arrow.gif[/img]</TD>

<TD nowrap><NOBR>{if $link_href}

{$menu_title}

{else}

<FONT class="MenuTitle">{$menu_title}</FONT>

{/if}</NOBR>

</TD>

</TR>

</TABLE>

</TD>

{/if}

</TR>

<TR> 

<TD class="VertMenuBox{$menu_box_color}" {if $menu_box_color}background="{$ImagesDir}/custom/right_side_bg.gif" style="BACKGROUND-REPEAT:repeat-y;"{/if}></TD>

<TD  width="100%">

 <TABLE border="0" cellpadding="5" cellspacing="0" width="100%">

 <TR> 

 <TD>{$menu_content}

</TD></TR>

 </TABLE>

</TD></TR>

</TABLE>

{else}

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR> 

<TD class="VertMenuBorder"> 

<TABLE border="0" cellpadding="1" cellspacing="1" width="100%">

<TR> 

<TD class="VertMenuTitle">{$link_begin}[img]{$ImagesDir}/{$dingbats}[/img]{$link_end}

{if $link_href}

<FONT class="VertMenuTitle">{$menu_title}</FONT>

{else}

<FONT class="VertMenuTitle">{$menu_title}</FONT></TD>

{/if}

</TR>

<TR> 

<TD class="VertMenuBox"> 

 <TABLE border="0" cellpadding="5" cellspacing="0" width="100%">

 <TR> 

 <TD>{$menu_content}

</TD></TR>

 </TABLE>

</TD></TR>

</TABLE>

</TD></TR>

</TABLE>

{/if}

What the....are you using a custom skin? That is not the default X-cart menu.tpl!

I believe that we have flexy rectangles and Fancy Categories installed. Could either of those explain what we are lokking at?

Ahhh....you really need to explain things like that prior to posting. Basically you can ignore everything above, as it is irrelevant and I will delete it in a minute. You need to figure out what template you have installed first and foremost, and then figure out which css file controls it.

I'll remember for next time.

I was able to find css files for the fancy categories but they only seem to affect the color of text on the buttons. Not on the titles (eg. "Categories", "Help"). These title bars are on the plain off-the-shelf product, so does it make sense that I'd have to look at add-ons to change them?

The Flexy Rectangles skin is not off the shelf X-Cart, it is an add-on skin. It changes the styles, images and layout completely. Not personally owning the Flexy Rectangles skin, I can't tell you which style is which, you will just have to examine the templates to see which style is called by which item. Just looking quickly at the code you posted above, it looks like MenuTitle and MenuTitleLink are the styles you should be looking at.

The Fancy categories mod only affects what is in the menu box, not the menu box iteself, so don't worry about that one.

It looks like all the stuff for flexy rectangles is missing from skin1.css. I'm going to have to talk to XC about it.

Thanks for all your help today.

Try changing the skin1_customer.css file. It worked for me with fancy categories.