Farben ändern

grundgütiger

Hallo, ich bin's wieder. :)
Nachdem ihr mir so toll geholfen habt gestern, muss ich heute noch mal nachschießen. Würde gern die Farben, das Layout, etwas ändern. Meine Seite: frau-wunder.de.
Und zwar soll der magenta/lila-farbene großflächige Hintergrund die selbe Farbe haben wie die Kästchen "Kategorisch", "Links-Verkehr" etc. Der Footer soll dafür die selbe Hintergrundfarbe des Headers bekommen. Hab schon sämtliche Farben versucht auszutauschen, um dahinter zu kommen, wo ich was ändern müsste. Aber a.) lassen sich die Farben gar nicht ändern, es tut sich nichts nach "Datei aktualisieren" und b. weiß ich auch nicht genau, in welchen Spalten ich es ändern müsste.
Das style.css anbei. Wo muss handwerken? Danke

HTML

/*  
Theme Name: WordPress Theme 75
Theme URI: [url]http://wordpress.org/[/url]
Description: A theme from Template-Help.com Collection 
Version: 2.0
Author: Template_Help.com 
Author URI: [url]http://www.Template-Help.com/[/url] 
*/






@charset "iso-8859-1";
/* CSS Document */
body  {
    background-color:#8B3751;
    color:#909090;
    font-size:11px;
    font-family:Tahoma, Arial;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
}
.body  {
    background-color:#8B3751;
    color:#909090;
    font-size:11px;
    font-family:Tahoma, Arial;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px; 
}
h1, h2, h3, h4 {
    font-size:12px;
    color:#484848;
    font-family:georgia, Tahoma, arial, Times, serif;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:0px;
}
h1 a, h2 a, h3 a, h4 a {
    font-size:12px;
    color:#484848;
    font-family:georgia, Tahoma, arial, Times, serif;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    padding-left:0px;
}
a {
    color:#822351;
    text-decoration:underline;
}
a:hover {
    text-decoration:none
}
.postmetadataalt {
    font-size:9px;
}
.pagetitle {
    padding:0px 0px 20px 0px;
    margin:0px 0px 0px 0px;
}
.big_div {
    height:100%;
    vertical-align:top;
    width:768px;
    background-color:#2E081A;
}
.main_div {
    height:100%;
    vertical-align:top;
    width:766px;
    background-color:#ffffff;
    margin:0px 1px 0px 1px;
}
.header {
    height:123px;
    vertical-align:top;
    width:766px;
    background:url(images/header.jpg) left top no-repeat;
}
.links {
     padding:20px 30px 0px 0px;
     text-align:right;
}
.co_name {
    padding:50px 0px 0px 30px;
    vertical-align:bottom;
    font-size:10px;
    font-family:georgia, times new roman, arial, tahoma;
    color:#C98FAC;
    text-transform:uppercase;
    text-align:left;
}
.co_name span {
    letter-spacing:3px;
    padding-left:10px;
}
.co_name a {
    font-size:40px;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    font-family:georgia, times new roman, arial, tahoma;
}
.table_big {
    width:766px;
    height:100%;
    vertical-align:top;
    text-align:left; 
}
.table {
    width:766px;
    min-height:500px; 
    display:table;
}
.table_row {
    min-height:100%; 
    display:table-row;
    width:766px;
}
.left {
    vertical-align:top;
    min-height:100%;
    display:table-cell;
    width:555px;
}
.sub_left {
    vertical-align:top;
    width:525px;
    margin:0px 0px 0px 30px;
}
.table2 {
    width:525px;
    min-height:auto; 
    display:table;
}
.table_row2 {
    display:table-row;
    width:525px;
}
.left2 {
    vertical-align:top;
    display:table-cell;
    width:96px;
    background-color:#E9E9E9;
}
.date {
    padding:2px 5px 2px 2px;
    color:#484848;
    font-size:10px;
    font-family:Arial, tahoma;
    text-align:right;
}
.right2 {
    vertical-align:top;
    display:table-cell;
    width:429px;
}
*html .left2 {float:left}
*html .right2 {float:left}
.content_txt {
    padding:19px 58px 50px 30px;
    line-height:15px;
}
.content_txt strong {
    color:#909090;
}
.content_txt a {
    color:#822351;
    text-decoration:underline;
}
.content_txt a:hover {
    color:#822351;
    text-decoration:none;
}
.content_txt b {
    color:#C3236E;
    font-size:14px;
    text-transform:uppercase;
    font-family:georgia, Arial, tahoma;
}
.content_txt b a {
    color:#C3236E;
    text-decoration:none;
}
.content_txt b a:hover {
    color:#C3236E;
    text-decoration:underline;
}
.content_more {
    color:#C3236E;
    font-size:9px;
    font-family:tahoma, georgia, Arial;
    font-weight:bold;
    padding:13px 0px 0px 0px;
}
.content_more a {
    color:#C3236E;
    text-decoration:underline;
}
.content_more a:hover {
    color:#C3236E;
    text-decoration:none;
}
.right {
    vertical-align:top;
    min-height:100%;
    display:table-cell;
    width:211px;
}
.sub_right {
    vertical-align:top;
    width:181px;
    margin:0px 30px 0px 0px;
}
.search {
     padding:30px 0px 13px 0px;
     color:#909090;
     font-size:11px;
     font-family:tahoma, times new roman, Arial;
     text-align:left;
}
.form {
    font-size:11px;
    color:#909090;
    font-family:Tahoma, times new roman, arial;
    width:105px;
    height:20px;
    padding:0px 0px 0px 5px;
    margin:0px 4px 0px 0px;
    vertical-align:top;
}
.right_head {
    vertical-align:top;
    width:181px;
    background-color:#E9E9E9;
}
.sub_right_head {
    padding:8px 10px 6px 12px;
    color:#484848;
    font-size:11px;
    font-family:georgia, Arial, tahoma;
    text-transform:uppercase;
    font-weight:bold;
}
.sub_cats {
    padding:15px 0px 15px 1px;
}
.sub_cats ul {
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
}
.sub_cats li {
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background:url(images/li_bg.jpg) left center no-repeat;
    vertical-align:top;
    line-height:15px;
}
.sub_cats ul li a {
    text-decoration:none;
    font-size:10px;
    color:#909090;
    font-family:arial, tahoma, times new roman;
    padding:0px 0px 0px 12px;
}
.sub_cats li a:hover {
    text-decoration:underline;
}
*html .left {float:left}
*html .right {float:left}
.footer {
    height:63px;
    vertical-align:top;
    width:766px;
    background:url(images/footer.jpg) left top repeat-x;
    text-align:left;
}
.footer_txt {
     padding:20px 0px 0px 30px;
     color:#DBDBDB;
     font-size:10px;
     font-family:Arial, tahoma;
}
.footer_txt a {
    color:#822351;
    text-decoration:none;
}
.footer_txt a:hover {
    text-decoration:underline;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

<div class="sub_right_head">kategorisch</div>
ist dieses Grau

die Farbe , die dort dteht gehört dann in den body,
der soll aber nur einmal in der style.css stehen

footer ist ein Bild

lg

grundgütiger

ach, footer war für mich das ganz unten. ;) die unterteilung, in der das "wird präsentiert von WP steht." ehäm...wo muss ich das einfügen?
und okay, die farbe in den body. bei color oder background color, bitte? da hab ich aber gestern rumgewerkelt, da hat er nichts geändert. nimmt er vielleicht änderungen nur im IE an statt Firefox?

danke!

grundgütiger

[FONT=Verdana]in dem sheet, in dem ich "kategorisch", "schall&rauch" geändert habe, gibt es leider keine farb-nummer. :([/FONT]
[FONT=Verdana]und was heißt "darf da nur einmal stehen?". es muss ja schon eigentlich min. zwei mal da stehen, weil doch auch die blöcke mit den wörtern in der farbe unterlegt sind. oder bedeutet das, dass ich mir für die blöcke dann ne andere farbe aussuchen muss bzw. es nicht nach meinem willen ändern kann? danke[/FONT]

Monika

Du sollst nicht in der Datei wo Du kategorisch geändert hast suchen, sondern in der style.css ;)

urcks das theme hat class body und body =sorry

in dieser style.css steht wo:

.sub_right_head
und da steht bei
background oder background-color, die Nummer der Hintergrundfarbe, die du ganz oben bei
body {
background-color:#8B3751;
color:#909090;
font-size:11px;
font-family:Tahoma, Arial;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;

}
ändern sollst,

wenn ein Browser keine Änderung anzeigt, dann drücke die strg und F5 taste gleichzeitig -manchmal auch öfter und leere so den Browsercache, mancher Browser behält sich hartnäckig *alte* Versionen

lg

grundgütiger

hat geklapt! prima, vielen Dank! :grin:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farben ändern

Jetzt mitmachen!