Titelfarbe über Grafik im Kopf lässt sich nicht ändern!

Terby2

Hallo zusammen,
an meinem Problem sitze ich nun schon seit einigen Abenden dran und finde nun kein Lösungschritt/Tipp mehr dazu. Worum es geht: Ich möchte den Titel des Blogs, welcher über der Hauptgrafik angezeigt wird, andersfarbig haben, damit man den besser lesen kann. Dies funktioniert leider nicht. Den Slogan, über den Bereich .slogan in der CSS-Datei darunter kann ich problemlos ändern, nur nicht den Titel. Ich habe mir auch schon den html Code der Farbe mit Photoshop anzeigen lassen, welche auf der Homepage (terbeck.de) angezeigt wird, ausgelesen und in der CSS-Datei danach suchen lassen. Leider ohne Erfolg Ich weiß leider im Moment nicht mehr weiter, woran dieses Problem liegen kann. Ich hoffe, man kann mir weiter helfen.

Ich benutze als Theme "Red Bridge 1.0", welches ich nach und nach selber in's Deutsche übersetze.
Hier der Inhalt der CSS-Datei dazu:

Code

/*
Theme Name: Red Bridge
Theme URI: [URL="http://www.themeporter.com/"]Theme Porter - Wordpress Themes , Wordpress Templates[/URL]
Version: 1.0
Description: 2 Column theme
Author: Theme Porter
Author URI: [URL="http://www.themeporter.com/"]Theme Porter - Wordpress Themes , Wordpress Templates[/URL]
*/




/* 
by Herreman David 
RedBridge Free Template
[URL="http://www.free-css-templates.com/"]Free Css Templates[/URL]
*/
   


body { 
    margin:5px 0; 
    padding:0; 
    font: 74% Arial, Sans-Serif; 
    color:#FFF;  
    background-color:#eee;
    line-height: 1.4em; 
    background : #f9f9ef url(images/bg.jpg) repeat-x;
}


.topmenu {
    background: #eeeeee;
    height: 26px;
    
    font-size: 90%;
    margin: 0 auto; padding: 0;
    border-bottom: 1px solid #333;
    color: #888;
}
    .topmenu .right_ {
        float: right;
        background: #eeeeee;
        text-align: right;
        margin: 0;
        padding: 5px 0 0 0;
        color: #888;
        border: 0px;
    }
    
    .topmenu a { color: #888; }
    .topmenu a:hover { color: #aaa; }
    
    .topmenu .date_ { float: left; background: #eeeeee; color: #888; padding: 5px 0 0 5px; }


#submenu {
    color: #aaa;
    padding: 10px 5px 5px 5px;
    height: 67px;
    background: #1E1F21;
    
}
    #submenu a { color: #EAE8E1; }
    #submenu a:hover { color: #EAE8E1; }
    #submenu .searchb {
        float: right;
        width: 363px;
        text-align: right;
        padding-right: 5px;
        border-left: 1px solid #333;
        
    }




.bridge {
    background: #ffffff url(images/expo.jpg) no-repeat bottom;
    
    height: 225px;
    margin: 0; padding: 0;
    
}


    .bridge .title { 
        color: #ffffff;
        float: right;
        padding: 20px 20px 0 0px;
        font: bold 1.6em Arial, sans-serif;
    }
    
    .bridge .slogan {
        float: right;
        clear: both;
        padding: 1px 20px 0 0px;
        color: #ffffff;
        font: bold 0.8em Arial, sans-serif;
}


input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #1E1F21; padding: 3px; color: #888; }


.nav { 
    clear: both;
    text-align: center;
    color:     #BC6247;
    padding: 5px 0 0 0;
}


blockquote {
    background: #515556;
    color: #BBB;
    border: 1px dashed #BC6247;
    padding: 5px;
}


p { 
    margin: 0 0 5px 0; 
    padding: 0; 
    color: #000000; 
    background: inherit;
}


hr {
   border: 0;
   height: 1px;
   color: #eee;
   background-color: #eee;
}


a { 
    color: #888;
    background: inherit; 
    text-decoration:none;
}


a:hover { 
    background: inherit;
    text-decoration: underline;


}


h1 { 
    padding:0; 
    margin:0; 
    color: #FFF; 
    background: inherit;
    font: bold 1.8em Arial, Sans-Serif; 
    letter-spacing: -1px;
}


h1 a {
    color: #FFF; 
    background: inherit;
}


h2 { 
    background-color: inherit; 
    color:#BC6247; 
    font-size:140%; 
    font-weight:bold; 
    margin: 10px 0 10px 0; 
    padding:0; 
}


h2 a { 
    background-color:#ffffff; 
}


.nav ul { 
    margin: 0 0 10px 0; 
    padding : 0; 
    list-style : none; 
}
    
.nav li { 
    float: left;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 0 0 0 5px;
}


.nav li a { color: #FF6538; }
.nav li a:hover { background: url(images/select.gif) no-repeat center top;
    background-position: 50% 30px;color: #C62C00; }


img {
    border: 0;
}


.content { 
    color: #FFF; 
    margin: 0 auto; 
    padding: 0; 
    width: 780px; 
    background: #ffffff;
}


hr { background: #3c3c3c; border: 1px solid #555; margin: 10px 0 10px 0;}


.right {  
    clear: both; 
    font-size: 95%; 
    float:right; 
    width: 180px; 
    padding: 15px 1em 1em 10px; 
    border-left: 1px solid #555; 
}


.right a { color: #AEB9CC;}


.left_article { 
    margin: 10px 0 10px 0; 
    padding: 10px 0 10px 0;
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
}
    
.center { 
    float:left; 
    width: 530px; 
    font-size: 95%; 
    margin: 15px 0 5px 15px; 
    padding: 0; 
    background: #ffffff; 
    color: #FFF;
}


.center a { color: #AEB9CC;}




.centerbreit { 
    float:left; 
    width: 760px; 
    font-size: 95%; 
    margin: 15px 0 5px 10px; 
    padding: 0; 
    background: #ffffff; 
    color: #FFF;
}


.footer { 
    clear:both;
    width: auto;
    color:#888;  
    font-size:90%;
    background: #3c3c3c;
    border-top: 1px solid #555; 
    text-align:center; 
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px 10px 10px 10px;
}


.footer padding{
    text-align: center;
}


.right ul { margin: 5px 0 20px 15px; padding : 0; list-style : none; }
.right ul li {background:#3C3C3C url(images/li.gif) color: #F29900;    margin: 0 0 0px 0;    padding: 0 0 0 0px; }
.right li a { color: #00000019:17 25.05.2007; }
.right li a:hover { color: #F29900;  }


fieldset {
    border: 1px solid #eee;
}


textarea.text { 
    height: 150px; 
    width: 90%; 
    border: 1px solid #ccc; 
    background: #fff; 
    color: #000;
}


textarea.text:hover { 
    border: 1px solid #eee; 
    background: #FFFFF4; 
    color: #000;
}


input.field { 
    border: 1px solid #ccc; 
    background-color: #FFFFFF; 
    width: 100px; 
    color: #000;
}


input.field:hover { 
    border: 1px solid #eee; 
    background: #ccc; 
    color: #000;
}


input.text { 
    margin: 0; 
    width: 110px;
    border: 1px solid #ccc; 
    background: #3c3c3c;
    color: #A4B4C8; 
}


input.text:hover { 
    border: 1px solid #eee; 
}


input.searchbutton { 
    margin: 0; 
    font-size: 100%; 
    font-family: Arial, Sans-serif; 
    border: none; 
    background: #ffffff; 
    color: #808080; 
    padding: 1px; 
    font-weight: bold; 
}


.date { 
    color: #000000; 
    background: #ffffff;
    text-align: right; 
    margin: 4px 0 5px 0; 
    padding: 0.4em 0 0 0; 
    border-top: 1px solid #555;
}


.date a { color: #000000;
}




.time { 
    color: #000000; 
    float: left;
    text-align: left; 
    padding: 5px 0 0 15px; 
}


input.button { 
    background: #FFFFF4; 
    color: #808080;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.comments { 
    padding: 10px 10px 8px 10px; 
    margin: 0 0 7px 0; 
    background: #ffffff; 
    color: #000;
}


.commentsbox { 
    padding: 8px 0 10px 10px; 
    margin: 0 0 10px 0; 
    background: #f4f4f4; 
    color: #000;
}


.error {
    color: #990000;
    background-color: #FFF0F0;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px dashed #990000;
}




/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}


#commentform {
margin: 1em 0;
background: #ffffff;
width: 455px;
}


#commentform textarea {
background: #ffffff;
border: 1px solid #000000;
width: 380px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #000000;
}


#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 200px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 200px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 200px;
}
#commentform input{
margin-bottom: 3px;
}


a img
{
border:none;
}

Alles anzeigen

Danke schon mal im voraus.

Gruß
Terby II.

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

Iunius

hi, kleiner tip:

Code

.bridge .title a { color: white; float: right; padding: 20px 20px 0 0; font: bold 1.6em Arial, Sans-Serif; }
.bridge .title a:hover { color: white; float: right; padding: 20px 20px 0 0; font: bold 1.6em Arial, Sans-Serif; }

Gruß

Terby2

Hallo,
dein Tipp werde ich mal heute Abend ausprobieren.
Danke.
Ich melde mich, um den Status zu melden, ob es geklappt hat oder nicht.

Terby II.

Terby2

Iunius,
ich danke für deinen hilfreichen Tipp. Es hat geklappt. Die Farbe hat sich geändert. Zu sehen hier (http://www.terbeck.de/index.php).

Gruß
Terby II.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Titelfarbe über Grafik im Kopf lässt sich nicht ändern!

Jetzt mitmachen!