2 Fragen/Probleme mit Stylesheet

bt-photoart

Hallo,

die Anpassung des default Themes an Ansprüch war danke eurer Hilfe sehr erfolgreich. Jetzt habe ich allerdings noch 2 Probleme die beide im Stylesheet liegen müssten aber ich komme einfach nicht weiter.

1. In der Singelansicht (Beispiel testbild | bt-photoart.com ) ist direkt unter dem Bild noch ein Teil weißer Hintergrund. Wie bekomme ich den Weg ???

2. Die Titel der Seiten und Artikel bekommen bei mir die gleiche Farben wie die Navigation bzw der Text in der Sidebar. Wie kann diesen Überschriften eigene Farben verpassen ???

Hier mal der Relevante(denke ich mal) Code der style.css

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url(images/kubrickbgcolor.jpg);
    color: #eee;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }


#headerimg     {
    margin: 7px 9px 0;
    height: 192px;
    width: 960px;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background: #eee url('images/kubrickfooter.jpg') no-repeat top;
    border: none;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
    color: #9ad;
    text-decoration: none;
    }


a:hover {
    color: #e7e7e7;
    text-decoration: underline;
    }


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */

Alles anzeigen

Hoffe ihr könnt mir helfen.

Viele Grüße

Ben

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

maxe

1. In der style.css (Linie 59) findest du die class alt mit dem hellen Hintergrund:

Code

.alt {
[COLOR=Red]background-color:#F8F8F8;[/COLOR]

2. für die Titel musst du eine eigene Formatierung festlegen, z.B.:

Code

.post h2 {
color: #ff0000;
}

bt-photoart

Zitat von maxe
1. In der style.css (Linie 59) findest du die class alt mit dem hellen Hintergrund:
Code
.alt {
[COLOR=Red]background-color:#F8F8F8;[/COLOR]
2. für die Titel musst du eine eigene Formatierung festlegen, z.B.:
Code
.post h2 {
color: #ff0000;
}

ok das erste hat geklappt. Danke !

das zweite zeigt leider überhaupt keine Veränderung !??

maxe

Zitat von bt-photoart

das zweite zeigt leider überhaupt keine Veränderung !??

Also bei mir zeigt es hier (testbild | bt-photoart.com) Wirkung ;) Browser Cache geleert? Oder meintest du auf der Startseite? Da handelt es sich um eine verlinkte h2 Überschrift ... also müsste auch noch ein a-tag dahinter:

Code

.post h2, [COLOR=Red].post h2 a[/COLOR] {
color: #aadd99;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2 Fragen/Probleme mit Stylesheet

Jetzt mitmachen!