Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

changing colors on the category items

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-06-2007, 01:35 PM
 
paint@autopaint18.com paint@autopaint18.com is offline
 

Advanced Member
  
Join Date: Sep 2006
Location: Long Island,New York
Posts: 81
 

Default changing colors on the category items

Hi,
can someone please help me by showing me how and where to change the color on the name categories (not the header ) but the actoal various category names?
thanks
Z
__________________
x-cart ver. 4.1.9
Reply With Quote
  #2  
Old 12-06-2007, 02:01 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: changing colors on the category items

Ok... right click and view source of the page. Find the part you are looking for and see which class is defining the color.

example... <a href class="liverLips">

search for the class in your CSS file. I use crimson editor to do all of my coding.. its free and has alot of functionallity. There are alot of other good, free text editors out there.
__________________
xcart 5.1.2
Reply With Quote
  #3  
Old 12-06-2007, 05:33 PM
 
paint@autopaint18.com paint@autopaint18.com is offline
 

Advanced Member
  
Join Date: Sep 2006
Location: Long Island,New York
Posts: 81
 

Default Re: changing colors on the category items

Hi,
back again,
so went to do what you asked me and this is what i came up with,

<font class="CategoriesList"><a href="home.php?cat=250" class="VertMenuItems">Air Tools</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=251" class="VertMenuItems">Clamps,Chains & Hooks</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=252" class="VertMenuItems">Dent Repair</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=266" class="VertMenuItems">Detailing Supplies</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=253" class="VertMenuItems">Frame Straightening</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=254" class="VertMenuItems">Glass & Windsield Tool & Supplies</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=255" class="VertMenuItems">Hydraulic Equipment</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=256" class="VertMenuItems">Measuring Equipment</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=257" class="VertMenuItems">Metal Shaping Hammers</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=258" class="VertMenuItems">Paint Booths & Supplies</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=259" class="VertMenuItems">Spray Guns</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=260" class="VertMenuItems">Body Shop Supplies</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=261" class="VertMenuItems">Paints</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=262" class="VertMenuItems">Primers</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=263" class="VertMenuItems">ClearCoats</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=264" class="VertMenuItems">Mechanical Tools</a></font><br />
<font class="CategoriesList"><a href="home.php?cat=265" class="VertMenuItems">Tools</a></font><br />

these are basically the categories now,so how d o i identify the color?
Z
__________________
x-cart ver. 4.1.9
Reply With Quote
  #4  
Old 12-06-2007, 08:14 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: changing colors on the category items

If you want to really do all this yourself I recommend learning basic HTML and CSS as a minimum.

first download crimson editor.

http://www.crimsoneditor.com/

Ok once you have it installed, open the CSS file that is controlling the look of your site and search for VertMenuItems.

the code you are looking for will be something like...

A.VertMenuItems:link {
COLOR: #ff0000;
TEXT-DECORATION: none;
font-size:12px;
}
A.VertMenuItems:visited {
COLOR: #ff0000;
TEXT-DECORATION: none;
font-size:12px;
}
A.VertMenuItems:hover {
COLOR: #000000;
TEXT-DECORATION: underline;
font-size:12px;
}
A.VertMenuItems:active {
COLOR: #ff0000;
TEXT-DECORATION: none;
font-size:12px;
}

Change the colors there and you are on your way.
__________________
xcart 5.1.2
Reply With Quote
  #5  
Old 12-07-2007, 07:01 AM
 
paint@autopaint18.com paint@autopaint18.com is offline
 

Advanced Member
  
Join Date: Sep 2006
Location: Long Island,New York
Posts: 81
 

Default Re: changing colors on the category items

HI ashley,
i am not looking to antogonize anyone,i can follow instructions so please if you can just have a little patience for me?
i am used to l/c and this is totaly new for me so i just got to get the hang of it.
so i am trying to navigate this xcart.
if you can walk me in to the actual code that will be fine.
thanks
Z
__________________
x-cart ver. 4.1.9
Reply With Quote
  #6  
Old 12-07-2007, 07:12 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: changing colors on the category items

Z,

Your xcart experience will be a colossal failure if you are not ready and willing to learn basic html and CSS.

There is nothing to get the "hang of". You need some html and css skills.

Ashley is at least the 4th or 5th person on the forum to try to help you, but since you don't have basic html and css skills, the thread deteriorates quickly, and the "helper" loses interest.

If you need to hire a pro, you should do so.

Or - start reading. Forget about xcart for now -- learn basic css and html. Then changing the color of a style in xcart will be effortless.
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #7  
Old 12-07-2007, 08:03 AM
 
paint@autopaint18.com paint@autopaint18.com is offline
 

Advanced Member
  
Join Date: Sep 2006
Location: Long Island,New York
Posts: 81
 

Default Re: changing colors on the category items

i understand what you are saying, i can handle html and css but it does not look like anything in this code is html .
thanks
Z
__________________
x-cart ver. 4.1.9
Reply With Quote
  #8  
Old 12-07-2007, 08:06 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: changing colors on the category items

Quote:
Originally Posted by paint@autopaint18.com
i understand what you are saying, i can handle html and css but it does not look like anything in this code is html .
thanks
Z

It's all html (CSS)

Learn about CSS and you will answer your own question(s).
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #9  
Old 12-07-2007, 08:32 AM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: changing colors on the category items

To change the colors of the site you have to edit the CSS file.

Have you looked at the skin1.css file?

search for

A.VertMenuItems

this portion of the code controls the color: COLOR: #ff0000;

change the #ff0000 to whatever color you want. #ff0000 represents red here. Other hex # are available here http://www.lynda.com/hexpalette/images/nhue2.gif

Learn CSS here: http://www.w3schools.com/css/default.asp

If you want me to help you with this PM me.
__________________
xcart 5.1.2
Reply With Quote
  #10  
Old 12-07-2007, 10:32 AM
 
paint@autopaint18.com paint@autopaint18.com is offline
 

Advanced Member
  
Join Date: Sep 2006
Location: Long Island,New York
Posts: 81
 

Default Re: changing colors on the category items

There you go ,
i need to be treated like a baby (although much older).
i was there and when i saw the red i was confused cause there is no red on the front page and that's what thru me off.i am going to try to do it from the file transfer.
let you know what happens.
don't know how to email PM,
can i call ?
thanks
Z
__________________
x-cart ver. 4.1.9
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 12:07 PM.

   

 
X-Cart forums © 2001-2020