Wo ändere ich Kategorie Farben etc?

[Cyberurmel]

Hi all,

so wieder mal für mich ein Prob :-)

In meinen Kategorien gibt es Unterkategorien welche wenn Sie aktiviert sind dick dargestellt werden in Farbe weiß . Dies würde ich gerne ändern in Orange. Hab mich auch schon durch die css gehangelt aber finde einfach nicht wo ich das einstellen kann/muss.

Kann mir jemand helfen??

Vielen Dank

Cyber

[learn_beginner]

hallo ...

dann musst du mir mal den quelltext zeigen ...
eigentlich sieht man das denn auch wo man eingreifen
müsste ....

beispielsweise .... sieht es dann so aus:

..
<div id="leftcol">
 <h2 class="boxheader">Produkte</h2>

<ul id="categorymenu">
	<li class="level1"><a href="link" title="test">test</a></li>

..

und die "id" oder "class" verraten dir den namen die du dann auch in der css
findest ... dort stehen dann die parameter drin

[oldbear]

Zitat von Cyberurmel

Hi all,

so wieder mal für mich ein Prob :-)

In meinen Kategorien gibt es Unterkategorien welche wenn Sie aktiviert sind dick dargestellt werden in Farbe weiß . Dies würde ich gerne ändern in Orange. Hab mich auch schon durch die css gehangelt aber finde einfach nicht wo ich das einstellen kann/muss.

Kann mir jemand helfen??

Vielen Dank

Cyber

hi ,

in der stylesheet.css unter /* CATEGORYMENU */
ist das der Eintrag:
ul#categorymenu .active, ul#categorymenu .active a { font-weight:900; color: #000;}
Darunter kannst Du unter /* 1st Tier */ usw. das noch pro Level steuern.
Grüsse
Günther

[Cyberurmel]

Hallo Günther,

vielen Dank erstmal für die Antworten ! :-)
Aber entweder bin ich durch oder die Einträge gibt es bei mir nicht???

hier mal "meine" .css

/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $

XT-Commerce - community made shopping
xt:Commerce Shopsoftware VEYTON 4.0

Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); osCommerce, Open Source Online Shop E-Commerce Solutions
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); nextcommerce.org

Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
.test {
text-align:right;
vertical-align:bottom;
background-image: url(./img/icon_arrow.jpg)
}
.boxText {
font-family: Arial, sans-serif;
font-size: 10px;
}

.boxTextBG {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
background-color: #143665;
}

/* Produktnavigation */
.navigator, .navigator A, .navigator A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
background-color: #143665;
}

.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #6FD05F; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
background-color: #153767;
/*background-image: url(./img/back.png);
background-attachment:fixed;
background-position: top;*/
color: #ffffef;
font-family : Arial, sans-serif;
font-size : 10px;
}

img{
border:0;
}

A {
color: #ffffef;
text-decoration: none;
}

A:hover {
color: #ff9900;
text-decoration: underline;
}


FORM {
display: inline;
}
.navileiste_1 {
background-image: url(./img/bilder/page_nav1.jpg);
vertical-align: middle;
width: 20px;
height: 27px;
background-repeat: repeat-x;
}
.navileiste_2 {
background-image: url(./img/bilder/page_nav5.jpg);
background-repeat: repeat-x;
height: 20px;
text-align: center;
vertical-align: top;
color: #143665;
overflow: hidden;
font-size: 10px;
line-height: 12px;
text-decoration: none;
font-weight: bold;
padding-top:4px;
}
.navileiste_3 {
background-image: url(./img/bilder/page_nav3.jpg);
vertical-align: middle;
width: 20px;
height: 27px;
background-repeat: repeat-x;
}
.navileiste_2 a {
color: #143665;
padding: 2px;
font-weight: bold;
}
.navileiste_2 a:hover {
color: #B7CDD6;
padding: 2px;
text-decoration: none;
font-weight: bold;
}

TD.headerError {
font-family: Arial, sans-serif;
font-size: 12px;
background: #6FD05F;
color: #ffffff;
font-weight : bold;
text-align : center;
padding: 5px;
}

.infoBoxContents {
font-family: Arial, sans-serif;
font-size: 10px;
}

.infoBoxNotice {
border: 3px solid #ff0000;
}

.infoBoxNoticeContents {
background: #FF9933;
font-family: Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(./img/bilder/page_nav5.jpg);
height: 20px;
color: #153767;
/*text-indent: 2px;*/
line-height: 11px;
text-align: center;
vertical-align:top;
overflow:hidden;
padding-top:5px;
}

TD.infoBoxHeading a{
color: #ffffff;
}

TD.infoBoxHeading a:hover{
color: #B7CDD6;
}

TD.infoBoxHeading_1 {
background-image: url(./img/bilder/page_nav1.jpg);
height: 27px;
width: 20px;
}

TD.infoBoxHeading_2 {
background-image: url(./img/bilder/page_nav3.jpg);
height: 27px;
width: 20px;
}

TD.infoBox, SPAN.infoBox {
font-family: Arial, sans-serif;
font-size: 10px;
}

TD.infoBox_right, SPAN.infoBox_right {
font-family: Arial, sans-serif;
font-size: 10px;

}

.border{
/*height: 380px;*/
border: 1px solid #666666;
margin-bottom: 5px;
}

A.pageResults {
color:#009933;
}

A.pageResults:hover {
color:#ff9933;
}

TD.pageHeading, DIV.pageHeading {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffef;
}

TD.main, P.main {
font-family: Arial, sans-serif;
font-size: 11px;
}

TD.smallText, SPAN.smallText, P.smallText {
font-family: Arial, sans-serif;
font-size: 10px;
}

TD.tableHeading {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-family: Arial, sans-serif;
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-family: Arial, sans-serif;
font-size: 11px;
}

SPAN.greetUser {
font-family: Arial, sans-serif;
font-size: 12px;
color: #6FD05F;
font-weight: bold;
}

TABLE.formArea {
background: #143665;
border-color: #ff9933;
border-style: solid;
border-width: 1px;
padding:5px;
margin-bottom:5px;
}

TD.formAreaTitle {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
font-family: Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
font-family: Arial, sans-serif;
color: #ff0000;
}

SPAN.errorText {
font-family: Arial, sans-serif;
color: #6FD05F;
}

SPAN.productDiscountPrice {
font-family: Arial, sans-serif;
color: #ff0000;
font-weight: bold;
}

.smallHeading {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: #ff9900;
}

.moduleRow {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 13px;
border: 1px solid;
border-color: #E6E6E6;

}

.moduleRow a:active {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 13px;
background-color: #B7CDD6;
border: 0px solid;
border-color: #E6E6E6;
}

.moduleRowOver {
cursor: hand;
border: 1px solid;
border-color: #ff9900;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 13px;
color: #ff9900;
}

.moduleRowOver a:hover {
font-family: Arial, sans-serif;
font-size: 13px;
text-decoration:none;
line-height: 13px;
color: #ff9900;
}

.moduleRowActive a:hover {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 13px;
color: #000000;
}

.moduleRowSelected { background-color: #B7CDD6;
color: #000000; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10px; color: #ffffef; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;
background-color: #003366;
padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffef; background-color: #003399; padding: 2px 2px;}
.sitemap_sub a {color:#ffffef;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #6FD05F; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff9933; font-weight: bold; }

.tableShop {
background-color: #153767;
}

.navLeft {
vertical-align: top;
width: 200px;
/*background-image: url(./img/back.png);*/
padding: 2px;
}
.navRight {
vertical-align: top;
width: 200px;
padding: 2px;
}
.poweredby {
font-family: Arial, sans-serif;
font-size: 10px;
color: #ffffef;
font-weight: bold;
}
.pageHeaderleft {
background-image: url(./img/bilder/header.jpg);
vertical-align: middle;
height: 90px;
width: 525px;
background-position: left left;
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}
.header {
vertical-align: middle;
background-image: url(./img/bilder/headerslice.jpg);
height: 90px;
background-repeat: repeat;
}
.pageHeaderright {
background-image: url(./img/bilder/header_right.jpg);
vertical-align: middle;
height: 90px;
background-position: right;
text-align: right;
background-repeat: no-repeat;
}
.pageHeaderright a {
color: #ffffff;
}
.pageHeaderright a:hover {
color: #ff0000;
text-decoration:none;
}


.contentsTopics {
background-image: url(./img/bilder/headerslice.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
height: 16px;
text-decoration: none;
font-weight: bold;
padding: 5px;
color: #ffffff;
}
.contentsTopics a {
color: #ffffff;
}
.contentsTopics2 {
background-image: url(./img/bilder/headerslice.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
height: 16px;
text-decoration: none;
font-weight: bold;
padding: 5px;
color: #ffffff;
}
.contentsTopics2 a {
color: #ffffff;
}
.contentsTopics2 a:hover {
color: #B7CDD6;
text-decoration:none;
}

/* Preisformatierung allgemein und bei Prozentualer Reduzierung */

.price {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: bold;
}

.boxprice {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}

.productOldPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: line-through;
font-weight: bold;
text-transform: uppercase;
text-indent: 5pt;
font-style: italic;
color: #ff0000;
}

.productNewPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
text-indent: 5pt;
color: #ffffef;
}

.productDiscount {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
text-indent: 5pt;
color: #ff0000;
}

.yourPrice {
color: #ff0000;
font-size: 12px;
}
.tableListingI {
background-color: #003366;
}
.tableListingII {
background-color:#153767;
}
.tableListingIII {
padding: 3px;
background-color:#153767;
}

.onepxwidth {
width: 1px;
}

/* BOXES */
.box_ol {
background-image: url(./img/bilder/box_ol.jpg);
width: 20px;
height: 16px;
line-height: 16px;
background-repeat: no-repeat;
}

.box_om {
background-image: url(./img/bilder/box_om.jpg);
width: 100%;
height: 14px;
line-height: 14px;
background-repeat: repeat-x;
}

.box_or {
background-image: url(./img/bilder/box_or.jpg);
width: 21px;
height: 16px;
line-height: 16px;
background-repeat: no-repeat;
}

.box_ml {
background-image: url(./img/bilder/box_ml.jpg);
width: 20px;
height: 5px;
line-height: 5px;
background-repeat: repeat-y;
}

.box_mm {
background-color: #153767;
}

.box_mr {
background-image: url(./img/bilder/box_mr.jpg);
width: 21px;
height: 5px;
line-height: 5px;
background-repeat: repeat-y;
background-position: left;
}

.box_ul {
background-image: url(./img/bilder/box_ul.jpg);
width: 20px;
height: 18px;
line-height: 18px;
background-repeat: no-repeat;
}

.box_um {
background-image: url(./img/bilder/box_um.jpg);
width: 100%;
height: 18px;
line-height: 18px;
background-repeat: repeat-x;
}

.box_ur {
background-image: url(./img/bilder/box_ur.jpg);
height: 18px;
width: 21px;
background-repeat: no-repeat;
}

.guthaben {
background-color:#000000;
font-size: 10px;
line-height: 12px;
text-decoration: none;
font-weight: normal;
text-indent: 5pt;
color: #ff0000;
}

.copyright {
font-size: 10px;
text-align: center;
line-height: 12px;
text-decoration: none;
font-weight: normal;
color: #ffffef;
}

Kannst du damit was anfangen??

Danke greets
Cyber

[oldbear]

Sorry, bist im falschen Forum, das ist kein VEYTON.
Grüsse

[Cyberurmel]

? Nee das ist xt commerce :-)
Wo steht denn das das hier nur veyton ist? Oups..

[oldbear]

benutze halt einfach den Firebug für Firefox: draufklicken und Du siehst, wo Du was ändern musst

Grüsse