Farbe ändern bei jsn epic free

hallo zusammen

Ich habe ein kleines Problem: Ich möchte gerne bei meiner Homepage den grauen Teil, wo die Links stehen, schwarz haben. Leider finde ich in der CSS nichts, oder es verändert sich nichts. Ich konnte die Linkfarbe ändern, den Content schwarz machen, nur bei der Navigation ändert sich nichts...

Hier ist noch die Homepage: [url:uqj2blyo] www.blumenmuggli.ch/neu [/url]

Kann mir da jemand helfen?

Freundliche Grüsse

Domi64

Hallo Domi

Die betroffene ID ist:
#jsn-content_inner {
background:url("/neu/templates/jsn_epic_free/images/leftside-bg.png") repeat-y scroll right top #E5E5E5;
right:77%;
}

Gruss brächi

Und was muss ich dort genau machen? Kann ich deinen code einfach reinkopieren? Als ich das versucht habe, wurde alles grau, wenn ich den Farbcode ändere (von e5e5e5 auf 000000) wird alles schwarz.

Hier habe ich die CSS vom Content:

/* ============================== CONTENT ============================== */
#jsn-featured {
color: #D4D4D4;
border-bottom: 5px solid #404040;
background: #595959 url(../images/promo-bg.jpg) repeat-x left top;
}
#jsn-featured div.module .jsn-moduletitle,
#jsn-featured div.module-plain .jsn-moduletitle,
#jsn-featured div.box-grey .jsn-moduletitle {
color: #fff;
}
#jsn-content,
#jsn-content_inner,
#jsn-content_inner1,
#jsn-content_inner2,
#jsn-content_inner3,
#jsn-content_inner4,
#jsn-content_inner5,
#jsn-content_inner6,
#jsn-content_inner7,
#jsn-maincontent,
#jsn-pcentercol,
#jsn-pinnerleft,
#jsn-leftsidecontent {
position: relative;
}
#jsn-content,
#jsn-content_inner,
#jsn-content_inner1,
#jsn-content_inner2,
#jsn-content_inner3,
#jsn-content_inner4,
#jsn-content_inner5,
#jsn-content_inner6,
#jsn-content_inner7 {
width: 100%;
}
#jsn-content {
overflow: hidden;
}
#jsn-pcentercol_inner {
padding: 0 1px;
}
#jsn-mainbody {
padding: 1.5em;
}
#jsn-pbreadcrumbs {
background: url(../images/dot.png) repeat-x bottom left;
padding: 0.6em 1em;
}
#jsn-banner {
text-align: center;
margin: 0 auto;
padding: 20px 0;
}
#jsn-usermodules1 {
padding: 1em 0;
background: url(../images/dot.png) repeat-x left bottom;
}
#jsn-usermodules1_inner_grid2 {
width: 100%;
background: url(../images/dot.png) repeat-y 50% top;
}
#jsn-puser1_grid2 {
float: left;
width: 49.95%;
}
#jsn-puser2_grid2 {
float: right;
width: 49.95%;
}
#jsn-puser1,
#jsn-puser2 {
padding: 0 1em;
}
#jsn-pleft,
#jsn-pright,
#jsn-pinnerleft_inner,
#jsn-pinnerright_inner {
padding: 1em;
}
#jsn-pright div.module,
#jsn-pright div.module-plain,
#jsn-pright div.module-box,
#jsn-pleft div.module,
#jsn-pleft div.module-plain,
#jsn-pleft div.module-box {
margin-bottom: 1em;
}


Ich wäre sehr froh, wenn du mir etwas helfen kannst.

Gruss Domi64

Hallo Domi

Ich kann die Struktur deines Templates nicht ganz nachvollziehen.
Was genau möchtest du den schwarz? Wenn du die Farbe #E5E5E5 zu #000000 änderst wird der hellgraue Bereich schwarz. Du darfst aber nur die ID #jsn-content_inner ohne 1,2,3,.. ansprechen.

Dann müsstest du noch das Bild leftside-bg.png auswechseln oder ganz weglassen weil das farblich nicht mehr passen wird.

Gruss brächi

Es funktioniert einfach nicht... Wahrscheinlich mach ich grundsätzlich etwas falsch...

Wo muss ich den Code eingeben?

Du hast einige CSS-Weisungen in einer Datei neu. Lege diese Datei in den Ordner css in deinem Template Ordner und füge dieser Datei neu noch .css an.

Binde diese CSS-Datei in die index.php ein:
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/TEMPLATENAME/css/neu.css" />

Ändere #jsn-content_inner in der Datei neu.css wie oben beschrieben ab.

Da blicke ich jetzt nicht ganz durch:

Ich habe irgendwo CSS-Weisungen in einem Ordner neu. Wo ist dieser? Ich habe Joomla auf dem Ordner neu installiert... Wo hole ich mir diese Weisungen?

Mithilfe von Firebug sehe ich als Ort der betroffenen CSS-Regel lediglich neu.
Finde mal heraus wo diese CSS-Regel, genau so wie sie hier steht, untergebracht ist.

Das steht nirgends so... Also ich habe in der template.css nachgeschaut!

Alles, was er findet, wenn ich nach #jsn-content_inner suche, ist das, was ich vorher schon geschrieben habe, mit der CSS vom Content!

Wenn ich nach der Farbe (e5e5e5) suche finde ich das:

/* =============== CONTENT PARAGRAPH=============== */
.text-border {
border: 1px solid #e5e5e5;
padding: 3px;
}
.text-highlight {
padding: .2em;
background: #FFFFAA;
}
.text-dropcap:first-letter {
color: #404040;
font: 4em/.8em "Times New Roman", Times, serif;
float: left;
}
/* =============== IMAGES =============== */
img.image-left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
img.image-right {
float: right;
margin: 0.5em 0 0.5em 1em;
}
img {
border: none;
}
img.image-border {
border: 1px solid #e5e5e5;
padding: 3px;
}
img.image-margin {
margin: .5em;
}


Ich hoffe, du kannst hiermit was anfangen...

Besten Dank

Domi64

Schau einmal in deine index.php!
Ich vermute du hast ein paar Formatierungen dort versteckt.
Würde ich persönlich davon abraten.