Änderung eines Themes

Piumer

Hi Leute,
ich hoffe, ihr könnt mich ein wenig unterstützen.
Habe meine Word-Press Blog-Seite mit dem Theme
Fighter theme desgined by My Dizayn.

Habe schon im theme-editor einige Sachen ändern können, wie z.B.
die Hintergrundfarbe für die linke Spalte, wo die Beiträge stehen und ein par andere Sachen. Ich finde aber noch ein par andere wichtige Stellen im CSS-Code nicht:

wo änder ich:

1. die Haupthintergrundfarbe, so dass erstmal alles schwarz ist, auch links und rechts die weißen Bereiche.

2. Die Schriftfarbe aus den Artikeln und Seiten

3. Die Hintergrundfarbe im rechten Feld, wo die Links bzw. das Menü ist und die Schriftfarbe

Falls jemand dass Theme kennt und die entsprechenden Stellen rausgefunden hat, wäre nett wenn man mir helfen kann.

Danke, Gruß, Piumer

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

Keine direkte Hilfe (zu spät heute ;-)), aber ein Tipp: für viele Browser gibts Werkzeuge für sowas. Für Firefox gibts z.B. den mächtigen Firebug. Damit sollteest du die Stellen recht schnell finden können.

Piumer

Hm, danke :)

Aber irgendwie kann ich mit dem Firebug nichts anfangen.
Wüßte jedenfalls nicht wie.

Ich such mich da heute nochmal durch den Quelltext, vllt. finde ich ja heute was.

marX

Zitat von Piumer

Aber irgendwie kann ich mit dem Firebug nichts anfangen. Wüßte jedenfalls nicht wie.

Einfach mal ein wenig damit rumspielen. Zum beispiel irgendein HTML-Element mit der rechten Maustaste anklicken, und dann auf "Inspect Element" bzw. "Element" untersuchen. Klickst du z.B. auf die weiße Fläche rechts oder links, dann siehst du die CSS-Regeln die auf den <body> wirken:

Code

body {www.mydizayn.org (line 12)
}


body {[COLOR="RoyalBlue"]style.css (line 12)[/COLOR]
[COLOR="Red"]background:#F9F8F3 url(images/bg.gif) repeat-y scroll center center;[/COLOR]
color:#333333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}


* {style.css (line 10)
margin:0;
padding:0;
}

Alles anzeigen

Piumer

Änderungen eines Themes

Hier mal der CSS-Code im ganzen:

Code

* { margin: 0; padding: 0; }


body {
    text-align: center;
    margin: 0 auto;
    }
    


/* -------------------
Main Structure
------------------- */
    
#frame {
    width: 827px;
    text-align: left;
    margin: 0 auto;
    }
    
#middle {
    overflow: auto;
    width: 100%;
    margin:0 auto;
    }


#content {
    float: left;
    width: 550px;
    padding-left: 0px;
    padding-right: 0px;
    background: #161515;
    border-top: 1px solid #DA6110; 
    overflow:hidden;
    }
    
#sidebar {
    float: left;
    width: 229px;
    padding: 0px 0px 10px 45px;
    border-top: 1px solid #DA6110; 
    }
    
/* -Header- */


#header {
        background: url(images/header.jpg);
        width: 827px;
        height: 306px;
        margin:5px auto;
    }
    
.header-title {
    font-family: Tahoma, Verdana, Arial;
    color:#161515;
    font-size:28px;
    font-weight:bold;
    padding:50px 0 0 50px;
    text-align:left;
    }
.header-title a{
    color:#161515;
    text-decoration:none;
    border-bottom:none;
    }
.header-title a:hover{
    color:#161515;
    text-decoration:none;
    border-bottom:none;
    }
.header-description {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color:#161515;
    font-size:11px;
    padding:0px 0 0 51px;
    text-align:left;
    font-weight:bold;
    }
    
.nav {
    margin:0 auto;
    list-style:none;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-align:left;
}


.nav li {
    display: inline;
}


.nav li a {
    margin-top:182px;
    padding:0 1em 0 1em;
    text-decoration:none;
    text-transform:uppercase;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
}


/* -Content- */


#content .post {
    margin: 0 10px 20px 10px;
    }
    
/* general #content definitions */
    
#content h2 { 
    color: #ffffff;
    font: 0.8em Tahoma, Arial, Helvetica, sans-serif; 
    margin: 11px 0 8px 0;
    padding: 4px 0px 5px 6px;
    background:#161515
    }


#content h2 a { /* -Überschriften im Text -rot- */
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
    }


#content h2 a:hover {
    color: #ff0000;
    text-decoration: none;
    }
    
#content h3 {
    font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 15px;
    }
    
#content h4 { 
    font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    border-left: 1em solid #ffffff;
    padding: 0 0 0 0.5em;
    margin: 1em 0;
    }
    
#content p, #content dl {
    font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    }
    
#content p, #content ul, #content ol, #content dl {
    margin: 0 0 0.7em 0;
    }
    
#content li {
    margin: 0 0 0 30px;
    font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    }
    
#content dl dt {
    font-weight: bold;
    }
    
#content dl dd {
    margin: 0 0 0.4em 0.5em;
    }
    
#content blockquote {
    margin: 0 0 0 1em;
    border-left: 5px solid #15a1c4;
    padding: 0 0 0 1em;
}
    
#content a { 
    color: #ffffff;    
    font: 1em Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
 }
#content a:hover { color: #ff0000; }
    
#content .post ul.post-data {    
    border-top: 1px dotted #ffffff;
    list-style: none;
    font: 0.85em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    padding: 0.1em 0 0.2em 0;
    color: #fefefe;
    margin: 1.3em 0 0 0;
    }


#content .post ul.post-data li {/* -postet in- */
    color: #ffffff;
    }
    
#content .post ul.post-data a {/*-Algemeint/edit- */
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
    }
    
#content .post ul.post-data a:hover {
    color: #ff0000;
        text-decoration: underline;
        font-weight:bold;
    }


#content .post ul.post-data li.comments {
    float: right;
    margin: 0 0.7em 0 0;
    display: inline;
    font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    }
    
#content .post ul.post-data li.comments a {
    padding: 0 0 0 15px;


    }
#content .post ul.post-data li.tags {
    margin: 0 0 0 0.7em;
    }
    
#content .post ul.post-data li.tags a {
    padding: 0 0 0 1px;


    }
    
#content .post ul.post-data li.posted {
    margin: 0 0 0 0.7em;


    }
    
#content .post ul.post-data li.posted a {
    padding: 0 0 0 1px;


    }
    
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover, #content .post ul.post-data li.tags a:hover {
    background-position: 0 -38px;


    }


.entry {
    margin: 0px 0 0px 0;
    padding: 0px 0 5px 0;
    }


.entry  p {
    margin: 5px 0 5px 0;
    padding: 0;
    }




.entry  img { 
      padding: 5px;
      border: 1px dotted #000000;
      }




.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 1px 0;
                }


.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 1px 3px;
                 }


.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }
    


/* -Comments- */


#content #comments {
    margin: 0 20px 20px 25px;
    }
    
#content #comments .comment {
    margin: 0 0 2em 0;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    }
    
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a { 
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #a6bcd8;    }
#content #comments .comment a:hover { 
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #15a1c4; }
    
#content #comments .comment p {
    margin: 0 0 0.8em 0;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    }
    
#content #comments .comment .comment-data p {
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 0 0 0 22px;
    margin: 1.5em 0 0 0;
    }
    
#content #comments .comment .comment-data p a { 
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #000000; }
#content #comments .comment .comment-data p a:hover { color: #ff0000; }


#content #comments form {
    color: #000000;
    font: 0.75em/1.6em Arial, Helvetica, sans-serif;
    }


#content #comments form a { color: #000000; }
#content #comments form a:hover { color: #ff0000; }
    
/* -Sidebar- */


#sidebar h3 {
    color: #ff0000;
    font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 0px 0;
    padding: 1px 0px 1px 0px;
    border-bottom: 1px dotted #000000;
    text-align: left;
    }
    
#sidebar p, #sidebar li {
    color: #000000;
    font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;        
    }
    
#sidebar p, #sidebar ul, #sidebar ol {
    margin: 0 0 16px 0;
    }
    
#sidebar ul { 
    list-style: none; 
    }


#sidebar ul li {
    padding: 2px 0px 1px 0px;
    list-style-type: circle;
    margin-left: 18px;
    }
    


#sidebar a {
    color: #000000;
    text-decoration: none;
    font-weight:bold;
    }
    
#sidebar a:hover {
    color: #ff0000;
    text-decoration: underline;
    font-weight:bold;
    }






/* -Footer- */


#footer {
    clear: left;
    width: 827px;
    margin:0 auto;
    border-top:solid 1px #000000;
    }
    
#footer #footertext { 
    color: #000000; 
    font: 0.7em Tahoma, Arial, Helvetica, sans-serif; 
    padding: 10px 0 0 0;
    text-align: left;
    }
    
#footer #footertext a { 
    color: #000000; 
    text-decoration: none;
    }


#footer #footertext a:hover {
    color: #ff0000;
    text-decoration: none;
    }
    
#footer #searchform {
    padding: 32px 0 0 31px;
    }
    
#footer #searchform .searchfield {
    height: 18px;
    }
    
#footer #searchform .searchbutton {
   height:23px;
    }


.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    letter-spacing: 1px;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    font-weight: normal;
    }


.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    }
ol.commentlist .author_comment {
    background:#ffffff; 
    border-bottom: 1px solid #0066CC;
    border-top: 1px solid #0066CC;
}


#commentform {
margin: 2em 0;
margin-left:2em;
width: 565px;
}


#commentform textarea {
border: 1px solid #ff0000;
width: 475px;
}


#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
border: 1px solid #ff0000;
width: 180px;
height: 15px;
}


#commentform input{
margin-bottom: 3px;
}


#commentform #submit {
    margin:0 auto;
    float:left;
    background:#000000;
    color: #ffffff;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    border:1px solid #000000;
    padding:2px 8px 2px 8px;
    margin-bottom: 10px;
    height: 20px;
    }


.post{margin:0 0 25px 0;}


.post .info{
padding:2px 3px 3px 8px;
border:1px solid #000000;
background-color:#161515;
font-size:12px;
color:#ffffff;
}


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

Alles anzeigen

und dann setz ich mal den Link zum Screenshot, wie die Seite aussieht,
vielleicht könnt ihr mir schnell sagen, an welcher Stelle ich ändern kann

Picasa Web Albums - Piumer - aTRockX

Danke, Gruß Piumer

maxe

Mal eben auf die schnelle?
zu X1 hat marX dir doch schon was geschrieben:

Code

background:[COLOR=Red]black none[/COLOR] repeat scroll 0 0;

zu X2 guck mal unter #content
zu X3 findest du alles unter #sidebar

und ansonsten arbeite dich mal ein wenig mit Firebug ein.

Piumer

Änderungen eines Themes

Oh, sorry, das hab ich übersehen.....Vielen Dank, dass hats gebracht.
Hab jetzt auch fast alles gefunden, was ich wollte....

....nur eine Sache nicht:

und zwar hat der Header-Bereich, also der obere Bereich noch unten
und links einen weissen Rahmen, den möchte ich noch weghaben bzw. ändern. Hab schon mit den Befehlen "border-bottom:none;" im Header-Bereich probiert, aber hat nichts gebracht.

Habt ihr da nochmal einen Tip für mich?

Mit dem Firebug komm ich da auch nicht weiter, so sehr ich mich anstrenge :)

Gruß, Piumer

Piumer

Schon erledigt

Sorry, hab grad gemerkt, dass da kein Border ist, dass lag an dem jpg :?

Trotzdem danke

Gruß Piumer

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Änderung eines Themes

Jetzt mitmachen!