X-Cart forums

[mimosa777]

Hi there,

I got in the skin1.css file those 2 line :

#categories a { display: block; background-color: White; border-bottom: 1px solid #F9F9F9; }
#categories a:hover { background-color: #F5F5F5; color: #C60000; text-decoration: none;}

I understand that those line are like sub-class of the .CategoriesList{} sub-class. Matbe i am wrong.

I would like please to know how can i use #categories with .CategoriesList together in the file customers/categories.tpl

I tried :

<FONT class="CategoriesList : categories"> or <FONT class="CategoriesList(categories)">

but nothing work.

Sorry, i am a beginner on how to use .css file but i really need to use #categories with the .CategoriesList{} for a visual effect i am trying to do.

Can you help ?

Thank you very much

[balinor]

Those are not sub-classes, but the way you call a style using the id of a <div> tag. You must be using a third party skin, as that style you are referencing does not appear in the default skin1.css of X-Cart.

I'd suggest getting yourself a good CSS book, or doing some reading on-line, as you will really need some CSS skills in order to alter the X-Cart layout to your liking

[mimosa777]

In fact, i am using a third party skin. I am not that poor in css knowledge, except for this situation.
It is the first time that i see in a .css file something like :

#categories a { display: block; background-color: White; border-bottom: 1px solid #F9F9F9; } 
#categories a:hover { background-color: #F5F5F5; color: #C60000; text-decoration: none;}

The # is what making me confused. What is it exactly? is it the same as the ones start with the dot (ex : .name) ?

Do you please have an idea on how i can include or call the #categories in the categories.tpl file ?

Thanks again !

[Light Speed]

# is an id identifier

.whatever is a class


in your code if you use

<div id="someName">
Put your lovely content here
</div>

and have this in your css

#someName {
    border: 1px #FF0000;
}

It will reference the id and that div will have a red border of 1 pixel.

[mimosa777]

Thank you very much...

[Light Speed]

Originally Posted by mimosa777

Thank you very much...

Glad to help