X-Cart forums - question about skin1.css

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

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

- - question about skin1.css (https://forum.x-cart.com/showthread.php?t=15590)

mimosa777

07-31-2005 03:38 PM

question about skin1.css

Hi there,

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

Code:

#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 :

Code:

<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

07-31-2005 05:30 PM

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

07-31-2005 06:19 PM

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 :

Code:

#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

07-31-2005 06:49 PM

# is an id identifier

.whatever is a class

in your code if you use

Code:

<div id="someName">

Put your lovely content here

</div>

and have this in your css

Code:

#someName {

    border: 1px #FF0000;

}

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

mimosa777

07-31-2005 07:36 PM

Thank you very much... :lol:

Light Speed

07-31-2005 08:56 PM

Quote:

Originally Posted by mimosa777

Thank you very much... :lol:

Glad to help :)

All times are GMT -8. The time now is 03:28 AM.