Wer kann mir behilflich sein?

Kimbi

Hallo,

ich möchte die Farbe der Überschriften in der Sidebar ändern. Sprich, die Überschriften, die in den Widgets automatisch schwarz gehalten sind.
Wo finde ich bei mir in der style.css diese Angabe?

Mein Blog lautet: http://www.die-teppichtorpedos.de

Ich poste gleich die style.css!

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

Kimbi

Muss es in 2 Teilen machen, da der Text sonst zu lang ist:

PHP

/*  
Theme Name: Prada
Theme URI: http://www.wpthemes.co.za
Description: 3 Column layout for a fashion type blog. To change the adsense block, insert your adsense code for a banner of 468x60 into the adsense468.php file. To change the decorative font into a normal font, just remove the SIFR related Javascript from the footer.php file.
Version: 1.0
Author: Christine
Author URI: http://www.tm4y.co.za/
Tags: 3 columns, fixed width, white, blue, pink, fashion, adsense ready, widgets
*/
 
 
 
 
body {
   font-family: Tahoma,Arial;
   font-size:12px;
   background: url(images/back1.png);
   padding-top : 0px;
   margin-top : 0px;
 
   text-decoration: none;
   }
#wrap
 {
   width:1000px;
   color:#383E47;
   margin:0 auto;
   background : #ffffff;
 
 
 }
 
#header
  {
    background:url(images/header-grafik1.jpg) no-repeat left top;
    height:250px;
    width:1000px;
    position:relative;
    color:#000;
    float:left;
    padding:0;
   }
 
#header h1
  {
    margin-left :  20px;
    margin-top  : 50px;
    color : #54A9A2;
    font-family: tahoma, arial, serif;
    font-style : tahoma, arial;
    font-size : 30px;
    font-weight : normal;
    padding:0;
    margin-bottom : 0px;
    width : 500px;
    float : right;
    padding-right : 5px;
  }
 
#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited
{
  color : #54A9A2;
  font-weight : normal;
}
 
#header h1 a:hover
{
  color : #C8CBCC;
  font-weight : normal;
}
 
#header h2
  {
    margin-left :  20px;
    margin-top : 0px;
    color : #F17198;
    font-size : 14px;
    font-style : tahoma, arial;
    font-family : tahoma, arial;
    font-weight : normal;
    padding:0;
    width : 500px;
    float : right;
    padding-left : 5px;
  }
 
#searchbutton
  {
    background:#FFCA10;
    color:#383E47;
    font-size:13px;
    border : 1px solid #FD950B;
   }
#searchform
  {
    border : none;
  }
 
#menu
{
  height : 30px;
  float : left;
  clear: both;
  width : 900px;
  background-color : #000000;
}
 
#menu ul {
            margin: 0;
            padding: 0 0 0 0;
            list-style: none;
}
 
#menu li {
            display: inline;
}
 
#menu a {
            display: block;
            float: left;
            background-color: #000000;
            text-decoration: none;
            font-size: 13px;
            color: #ffffff;
            border-right : 2px solid white;
            font-weight : bold;
            padding: 5px 20px 0px 20px;
            height : 25px;
}
 
#menu a:hover {
  background-color : #7AD2F7;
 
}
 
#menu .active a {
}
 
.clr
{
 clear : both;
}
 
.left
  {
    float:right;
    width:190px;
    margin:10px 0px 5px 5px;
    border-right : 2px dotted #FDB2C0;
    padding-right : 5px;
 
   }
.right
  {
    float:right;
    width:190px;
    margin:10px 5px 5px 5px;
   }
.right img
  {
     border:0;
     display:block;
     margin-left:auto;
     margin-right:auto;
   }
.middle
  {
    margin-top:10px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width:570px;
    overflow:hidden;
    padding-right : 10px;
 
 font-family : tahoma, arial;
    font-size: 12 px;
    font-style : tahoma, arial;
   }
 
.heading
  {
    font-family : tahoma, arial;
    font-size:16px;
    font-style : tahoma, arial;
    margin:0 7px 0px 0;
    padding-bottom : 10px;
    border-bottom : 2px dotted #FDB2C0;
    width : 100%;
 
  }
.middle img
  {
    border:0;
   }
 
#adpos1
/*For the adsense position at the top - Banner 468x60 */
{
  width : 480px;
  float : left;
  margin : 0;
  padding : 0;
  display : block;
}
 
#adpos1 img {
 border : 0;
}
 
#adblocks
{
  background: #F3F3F3;
  width : 350px;
  height : 310px;
  float : right;
  margin-right : 10px;
  margin-top : 10px;
}
 
.adpos125
{
  margin-top : 20px;
  width : 125px;
  height : 125px;
  display : block;
  padding-right : 25px;
  float : right;
}
 
#newsbox {
  width : 480px;
  min-height : 200px;
  background-color : #f3f3f3;
  border-top : 3px solid #7AD2F7;
  border-bottom : 3px solid #000000;
  display : block;
  overflow : hidden;
  margin-bottom : 10px;
  clear : both;
}
 
#newsbox h2
  {
    font-size:13px;
    margin:0 7px 0px 0;
    padding:3px 0;
    border : 0;
   }
 
#newsbox p
{
  margin-top : 0px;
}
 
 
.newsitem
{
  margin-top : 5px;
  float : left;
  clear : both;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
  border-bottom : 1px solid #bcbcbc;
}
 
blockquote
{
  border-left : 1px double #54A9A2;
  padding-left : 10px;
}
 
.postmetadata
{
  padding-top : 0px;
  margin-top : 0px;
}
 
img.wp-smiley
  {
    border:0;
    padding:0;
   }
 
div.footerbr
{
  clear : both;
  background:#fff url(images/footer.gif) no-repeat;
  height : 80px;
}
#footer
  {
    width:1000px;
    clear:both;
    height : 60px;
    text-align : center;
    padding-top : 3px;
   }
#footertext a
{
  font-weight : normal;
}
 
#footertext
{
  float : right;
  width : 250px;
  padding-right : 3px;
  margin-top : 5px;
  font-size : 10px;
  text-align : right;
}

Alles anzeigen

Kimbi

Hier der nächste Teil:

PHP

div.hr
  {
    height:3px;
    background:#fff url(images/hr.gif) repeat-x scroll center;
    clear:both;
  }
div.br
  {
    height:10px;
    background:#fff url(images/br.gif) repeat-x scroll center;
    clear:both;
   }
.alignright
  {
    float:right;
    margin-left : 5px;
  }
.alignleft
  {
   float:left;
   margin-right :5px;
  }
.gcomment
  {
    border-left:none;
    vertical-align:middle;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#F7F7F7;
    padding:3px;
   }
.ucomment
  {
    border-left:none;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#E7F7FD;
    padding:3px;
   }
input#submit
  {
    background:#fff url(images/submit.gif) repeat-x center;
    height : 35px;
    font-weight : bold;
    border : none;
   }
ol.commentlist
  {
     margin:0 0 1px;
     padding:0;
  }
ol.commentlist li
  {
    list-style:none;
    margin:0;
    padding:13px 13px 1px;
  }
ol.commentlist li.commenthead
  {
    list-style:none;
    margin:0;
  }
ol.commentlist li.commenthead h2
  {
    margin:0;
  }
span
 
.addthis
  {
    float:right;
    clear:both;
   }
a:link,a:active,a:visited
  {
    text-decoration:none;
    color : #54A9A2;
    border:none;
    font-weight : bold;
  }
a:hover
  {
    text-decoration:none;
    color:#C8CBCC;
    border:none;
    font-weight : bold;
  }
 
 
.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.left ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0px;
    line-height:150%;
    font-size:11px;
 
   }
.left ul li,.right ul li
  {
   list-style-type:none;
   margin:0 0 20px;
   padding:0;
 
  }
.left ul li h2, .right ul li h2
{
  background:transparent url(images/button.gif) no-repeat 0 0px;
  font-family : tahoma, arial;
  font-weight : bold;
  font-size   : 14px;
  font-style  : tahoma, arial;
  width : 190px;
  display : block;
  height : 50px;
  text-align : center;
  margin : 0px;
  padding-top : 10px;
}
 
.left ul li ul,.right ul li ul
  {
    list-style-type:none;
    margin:0;
    padding:0 3px;
    margin-top : -10px;
  }
 
.left ul li ul li ul,.right ul li ul li ul
  {
    margin-top : 2px;
 
  }
.left ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
    }
 
.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.comments h3
  {
    margin-left : 10px;
  }
#commentform
  {
    margin-left : 10px;
  }
 
 
.right ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:150%;
    font-size:11px;
   }
.right ul li,.right ul li
  {
    list-style-type:none;
    margin:0 0 20px;
    padding:0;
  }
.right ul li ul,.right ul li ul
  {
    list-style-type:square;
    margin:0;
    padding:0 3px;
  }
.right ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
   }
.right ul li ul li :hover
  {
    border-bottom:#ccc 1px solid;
  }
div.hr hr,div.br br
  {
    display:none;
  }
.middle2,.middle3
  {
    margin-top:10px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width:237px;
    border:3px solid #f3f3f3;
    overflow:hidden;
    padding:10px;
   }
.middle2 h2,.middle3 h2
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px 0;
    padding:3px 0;
   }
.middle2 :hover,.middle3 :hover
  {
    background:#fafafa;
  }
.ucomment img,.addthis img
  {
    border:0;
  }
 
img.avatar
 {
  float:left;
  margin-right:5px;
 }
 
#wp-calendar {
            empty-cells: show;
            margin: 10px auto 0;
            width: 190px;
            }
 
#wp-calendar #next a {
            padding-right: 10px;
            text-align: right;
            }
 
#wp-calendar #prev a {
            padding-left: 10px;
            text-align: left;
            }
 
#wp-calendar a {
            display: block;
            }
 
#wp-calendar caption {
            text-align: center;
            width: 100%;
            }
 
#wp-calendar td {
            padding: 3px 0;
            text-align: center;
            }
 
#wp-calendar td.pad:hover { /* Doesn't work in IE */
            background-color: #fff; }
/* End Calendar */
 
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
 
 
/* These are standard sIFR styles... do not modify */
 
 
.sIFR-flash {
            visibility: visible !important;
            margin: 0;
}
 
.sIFR-replaced {
            visibility: visible !important;
}
 
span.sIFR-alternate {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            display: block;
            overflow: hidden;
}
 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*
 
.sIFR-hasFlash .right h2 {
            visibility: hidden;
            letter-spacing: -9px;
            height : 35px;
 
}
*/
 
 
.sIFR-hasFlash .heading {
            visibility: hidden;
            letter-spacing: -9px;
    height : 30px;
}
 
 
.sIFR-hasFlash #header h1 {
            visibility: hidden;
            letter-spacing: -9px;
    height : 50px;
}
 
 
 
 
.sIFR-hasFlash h5#pullquote {
            letter-spacing: -4px;
            visibility: hidden;
            font-size: 24px;
}
 
 
a#fbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.die-teppichtorpedos.de/maunzblog/eckbanner.png) bottom right no-repeat;
display: block;
}

Alles anzeigen

dpixl

nur so als info - man sollte in der überschrift (hier im forum meine ich) kurz erwähnen um was es geht. wenn jeder das schreibt was du schreibst, dann liest sich keiner mehr nen post durch.

zu deinem problem - i.d.r. ist es die zeile

#sidebar .widgettitle

in deiner style.css. manche themes nutzen aber mehrere CSS Dateien, nur so als Info.

edit:
-----

Das ist jetzt nicht dein Ernst oder? du postest die ganze stylesheet? wieso nicht den ganzen blog :D :D ?

wenn man herausfinden will, welche class verwantworlich ist, einfach mit der rechten maustaste den quelltext deines blogs anschauen und die zeile suchen die man ändern will, in dem fall zum beispiel:
<h2 class="widgettitle">Zufallsschnurrer</h2>

was sagt uns das? in der style.css die zeile suchen:
h2 .widgettitle und ändern in z.b. {color:green} <-- dann sind deine überschriften grün

Kimbi

Zitat von dpixl

nur so als info - man sollte in der überschrift (hier im forum meine ich) kurz erwähnen um was es geht. wenn jeder das schreibt was du schreibst, dann liest sich keiner mehr nen post durch.

zu deinem problem - i.d.r. ist es die zeile

#sidebar .widgettitle

in deiner style.css. manche themes nutzen aber mehrere CSS Dateien, nur so als Info.

Alles anzeigen

Ja, wollte die Überschrift eben noch ändern, ging aber nicht mehr.
Die "Stelle" habe ich in meiner style.css leider nicht. Deshalb habe ich hier mal gepostet. Siehe oben.

dpixl

edit: siehe oben

und wenn es die zeile nicht gibt, dann erstellst du sie.
und dazu würd ich auch noch

HTML

h2 .widgettile a, h2. widgettile a:link {}
h2 .widgettile a:visited {}
h2 .widgettile a:hover {}
h2 .widgettile a:active {}

erstellen, man weiss ja nie was kommt ;)

hypnosebegleiter

Schau mal bei #wrap

Kimbi

Habe ein Problem: wenn ich die Farbe bei #wrap ändere, dann wird auch die Schrift in den Artikeln anders. Wie und vor Allem wo, kann ich da einen Code eingeben, dass eben nur die Überschriften der Widgets in der Siderbar orange wird?:confused:

kaiser

h2.widgettitle { color: #******; } in deine style.css eintragen. am besten nach!! allen anderen definitionen für .widgettitle.

wobei mit ****** der hex-code deines "orange"-tons gemeint ist.

siehe dpixels kommentar. der hat nur ein leerzeichen zwischen h2 und der .class zu viel.

dpixl

Zitat von kaiser

siehe dpixels kommentar. der hat nur ein leerzeichen zwischen h2 und der .class zu viel.

man muss doch nicht immer alles so genau nehmen :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wer kann mir behilflich sein?

Jetzt mitmachen!