Farbänderung von Artikelüberschriften

OBG

Hallo erstmal, Ich hab mir das Theme trans-travel.1.0.2 heruntergeladen und installiert. Allerdings hab ich ein paar schwierigkeiten gewisse Farben zu verändern. Ich möchte nämlich die Artikelüberschriften, Tags, Hyperlinks und Permanentlinks farblich verändern. Ich weiß nur nicht genau wo ich das in der Stylesheet.css machen muss. Hab auch schon einiges probiert, was aber keine Veränderung brachte. Was ich versucht habe zu ändern hab ich hier Fett markiert. Danke schonmal im voraus. Hier mal der Text meiner Stylesheet.css:

Code

/* 
Theme Name: Trans-Travel
Theme URI: [URL="http://www.rankerzseo.com/themes/index.php?wptheme=Trans-Travel"]Theme Name: Another Wordpress Blog Theme[/URL]
Description: Free wordpress theme with transparent text area and a beautiful background image. Just replace the image file for your own background. SEO friendly design by <a href="http://www.rankerzseo.com">Rankerz SEO Company</a> 
Version: 1.0.2
Tags: transparent, fixed width, two columns, widgets, valid CSS, widget ready, simple, clean, travel, image, valid XHTML  
*/


*
{
margin: 0px;
padding: 0px;
}


a:link {
    color: [COLOR=Red][B]#FF0033;[/B][/COLOR]
}


a:hover {
    text-decoration: none;
    color: [COLOR=Red][B]#FF0000;[/B][/COLOR]
}


a:visited {
    color: [COLOR=Red][B]#12163E;[/B][/COLOR]
}






body {
    
    background: #000018 url(images/Hotsexygirl.jpg) no-repeat;
    background-attachment:    fixed;
    background-position:    top left;
    font: 12px Arial, Tahoma, Georgia, "Times New Roman", Times, serif;
    color: #000;
    margin-right: 30px;
}


#content
{
height: 634px;
}


#main
{
float: right;
width: 634px;
background-image: url(images/table-mid1.png);
background-repeat:        repeat-y;
margin-top: 20px;
margin-bottom: 20px;
}


#header {
    height: 160px;
    float: left;        
}


#menu
{
float: left;
width: 584px;
height: 55px;
padding-left: 50px;
padding-top: 10px;
background: url(images/menu.png) no-repeat;
}


#menu ul {
    list-style: none;
    
}


#menu li {
    display: inline;
}


#menu a {
    display: block;
    float: right;
    width: 85px;
    height: 31px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding-top: 22px;


}


#menu a:hover {
    width: 85px;
    height: 31px;
    color: #ffffff;
    text-decoration: underline;
}




#logo {


width: 229px;
height: 100px;
float: left;
padding-top: 60px;
padding-left: 40px;
}




#logo a {
    text-decoration: none;
    font-style: italic;
    font-size: 36px;
    color: #FFFFFF;
}
#logo H2 
{
font-size: 12px;
color: #ffffff;
}


#right
{
    float: right;
    padding: 10px;
    width: 215px;
    background-image: url(images/sidebar-back.png);
    background-repeat:        repeat-y;
}


#right H3
{
width: 200px;
height: 39px;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/title.gif) no-repeat
}






#right ul {
    border: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    list-style: none;
}


#right li  {
    padding: 4px 10px;


}




#right H4
{
font-size: 10px;
}


#right a {
    color: #cd310e;
    font-size: 12px;
    font-weight:400;
}
#right a:visited {
    color: #cd310e;
    font-size: 12px;
    font-weight:400;
}


#right p
{
padding: 10px;
}


#calendar1 {
    padding: 20px 10px 20px 10px;
}


#calendar table {
    width: 100%;
    text-align: center;
}


#calendar thead {


}


#calendar tbody td {
    border: 1px solid #999999;
}


#calendar #prev {
    text-align: left;
}


#calendar #next {
    text-align: right;
}


#calendar tfoot a {
    text-decoration: none;
    font-weight: bold;
}


#calendar #today {
    background: #ff0000;
    border: 1px solid #ff0000;
    font-weight: bold;
    color: #ffffff
}




#left
{
width: 370px;
padding-left: 20px;
}


#left H4
{
    margin: 0;
    padding: 0px;
    font-size: 12px;
    color: #1D3176;
        font-weight: normal;
       font-family: Tahoma, Georgia, "Times New Roman", Times, serif
}


#left a
{
color: #1D3176;
text-decoration: underline;
}


#left p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}


#left h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #1D3176;
        font-weight: normal;
        font-family: Tahoma, Georgia, "Times New Roman", Times, serif
}
.date {
    text-align: right;
    color: #1D3176;
    font-size: 11px;
}


.date a {
    color: #1D3176;
}


#left ol, #left ul
{
margin-left: 20px;
}






#footer {
    clear: both;
    border-top:#CCCCCC dashed;
    height: 47px;
    clear: both;
    padding-top: 20px;
}


#footer p {
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #999;
}


#footer a {
    color: #999;
}


.widget_search
{


}


.post-body
{


    margin-top:15px;
}


li.cat-item


{
    padding-left:35px;
}


div.navigationbottom


{
    margin-top:10px;
    margin-bottom:10px;
}


div.navigationbottom .leftnav
{
    float:left;
}


div.navigationbottom .rightnav
{
    float:right;
}


/************* Comments ***************/
#commentform textarea 
{
    width: 93%;
    border:2px solid #1D3176;
    padding:10px;
}


#submit
{
    width: 95px;
    height: 26px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    background: url(images/submit.gif) no-repeat;
    overflow:hidden;
        vertical-align: top;
    border:none;
}


#submit:hover
{
    background: url(images/submit_r.gif) no-repeat;
}


div.imgbox
{
    float:left;
    margin:5px;
}


/**************** IE 7 *******************/
li.cat-item
{
    font-size:12px;
    font-weight:normal;
}


#calendar table, #left #wp-calendar
{
    font-size:12px;
    font-weight:normal;
}




.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.alignleft {
    float: left;
}


.alignright {
    float: right;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}


.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}


#left .categor
{
padding: 5px;
border-top:#666666 dotted;
border-bottom:#666666 dotted;
margin-top: 10px;
margin-bottom: 10px
}


#commentlist li
{
margin-left: 20px;
padding-bottom: 20px;
}


#author, #email, #url
{
border: 1px solid #666666
}

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

marX

Gibts einen Link zu einer Theme-Demo (nein, zu deiner XXX-Seite will keinen haben.. ;-))? Hast du am Theme was verändert?

Tipp: die Angaben für <a> werden mehrfach mit spezifischeren Selektoren überschrieben. Da ich zu deinem CSS aber kein HTML habe kann ich dir nicht sagen an welcher Stelle du genau ansetzen musst.

OBG

Hallo, die Demoseite findest du hier. Ich hoffe das hilft dir weiter.
WordPress › Trans-Travel Free WordPress Themes

marX

Jupp hilft. Füge mal nach:

Code

#left h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #1D3176;
        font-weight: normal;
        font-family: Tahoma, Georgia, "Times New Roman", Times, serif
}

das hier ein:

Code

#left h2 a {
    color: [COLOR="Red"]#1D3176[/COLOR];
}

Du kannst eventuell auch die Farbe in "#left h2" ändern. Ich hab aber leider grad kein Test-Tool zur Verfügung. ;-)

OBG

Danke habs jetzt gefunden, nur schade dass das gleich für alles gilt. Also Überschrift, Tags und Permalinks.
Aber Danke nochmal

marX

Ja? Ist das alles als <h2> ausgezeichnet? So genau hab ich mir das jetzt nicht angeschaut. Sollte aber kein Problem sein, die Regel so zu spezifizieren dass man diese jeweils einzeln ansprechen kann.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbänderung von Artikelüberschriften

Jetzt mitmachen!