Wordpress Design Frage

faKt

Hallo, ich nutze das NT-Blue Design und habe eine Frage

Ich möchte im Header eine höhere Grafik (Logo) einfügen und bekomme irgendwie nur bei diesem Design den Platz nicht höher

Das ist die CSS

HTML

body {
    font: 13px/18px "Tahoma", Geneva, Arial, Verdana, sans-serif;
    color: #515756;
    background: #ffffff;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    
}
a {
    color: #4183d3;
    text-decoration: none;
}
a:visited {
    color: #4183d3;
    text-decoration: none;
}
a:hover {
    color: #f89406;
    text-decoration: none;
}
img {
    border: none;
}
p {
    padding: 0px 0px 15px;
    margin: 0px;
}
h1 {
    text-indent:-10000px;
    margin:0;
    padding:0;
}
h1 a{
    display:block;
    background:url(img/meinlogo.png) no-repeat left;
    height:65px;
    border: none;
}
h2 {
    color: #197dad;
    margin:0px;
    letter-spacing: -1px;
    padding:10px 3px 5px 0px;
    font: 20px "century gothic", Arial, sans-serif;


}
h2 a, h2 a:visited {
    color: #197dad;
    text-decoration: none;
}
h2 a:hover {
    color: #000000;
    text-decoration: none;
}
h3 {
    font: normal 16px "Arial", Tahoma, Arial;
    color: #545c66;
    margin: 0px 1px 0px 1px;
    background-image:url(img/dots.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
}
h3 a, h3 a:visited {
    color: #545c66;
    text-decoration: none;
}
h3 a:hover {
    color: #545c66;
    text-decoration: none;
    
}
h4 {
    font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
    color: #545c66;
    margin: 10px 0px 5px;
}
form {
    margin:0px;
    padding:0px;
}
#page {
    margin: 0px auto;
    width: 980px;
    }
/* header area */
#header {
    background: url(img/header.jpg);
    height: 119px;
    border-bottom:none;
    position: relative;
}
#headerlogo {
    position: relative;
    padding:10px 0px 0px 15px;
    height: 100px;
}
#headerlogo .description{
    position: absolute;
    left: 15px;
    bottom: 3px;
    color: #ffffff;
    text-indent:-10000px;
}
#nav {
    list-style: none;
    margin: 0px;
           position: absolute;
    background:transparent;
        left: 0px;
    bottom:7px;
}
#nav li {
    float:left;
    margin-left:1px;


}
 #nav .current_page_item a:visited{
    color: #000000;
    text-decoration: none;
    padding: 10px 15px;
    background:url(img/green.jpg) repeat-x;
    text-transform:uppercase;
     
}
#nav .page_item a{
    color: #ffffff;
    text-decoration: none;
    background:url(img/blue.jpg) repeat-x;
    padding: 10px 15px;
    font:  12px/100% Verdana, Arial, Helvetica, sans-serif;
    display: block;
    border-right:1px solid #2b6484;
    text-transform:uppercase;
    
}
 #nav .current_page_item a,#nav .page_item a:hover {
    color: #ffffff;
        text-decoration: none;
    background:url(img/dblue.jpg) repeat-x;
    padding: 10px 15px;
    font: 12px/100% Verdana, Arial, Helvetica, sans-serif;
    display: block;
    border-right:1px solid #2b6484;
    text-transform:uppercase;
}
/* content  */
#content {
    padding: 0px 5px 0px 10px;
    float: left;
    width: 550px;
    margin:5px 0 5px 0px;
    overflow: hidden;
    border: none
    
}
.post {
    clear:both;
    padding-top: 10px;
}
.entry {
    float:left;
    width: 545px;
}
.blockquote{
    margin: 5px;
    padding: 5px;
    background:transparent;
    color:#111111;
    border-bottom:1px solid #999999;
    border-top:1px solid #999999;
}
.post-top {
    background:transparent;
    padding: 0px 0px 10px 5px;
    float:left;
    font-size: 12px;
    color: #333333;
}
.post-bottom {
    background: url(img/greens.jpg);
    padding: 0px 5px 0px 5px;
    float:left;
    font-size: 90%;
    margin-bottom:5px;
    color: #333333;
}
.post-bottom a {
    color: #ffffff;
    text-decoration: none;
}
.post-bottom a:visited {
    color: #ffffff;
    text-decoration: none;
}
.post-bottom a:hover {
    color: #000000;
    text-decoration: none;
}
.post-content {
    clear: both;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 20px;
    color: #545c66;
    border-bottom:1px solid #e7e8e6;
}
.navigation {
    clear: both;
    padding: 10px 0px;
}
.navigation a, .navigation a:visited {
    color: #000000;
}
.previous-entries a {
    float: left;
    padding-left: 18px;
}
.next-entries a {
    float: right;
    padding-right: 18px;
}


/* comments  */
#comments, #respond {
    padding: 10px 0 5px 0;
    clear: both;
}
.commentlist {
    margin: 10px 0px;
    padding-left: 20px;
    line-height: 130%;
}
.commentlist li{
    padding: 5px 10px;
}
.commentlist .alt {
    color:#555555;
    background:#ffffff;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
    font-style: normal;
    font-size: 14px;
    color: #91c308;
}
.commentlist small {
    margin-bottom: 5px;
    display: block;
    font-size: 87%;
}
#commentform {
    margin-top: 10px;
    font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
    padding: 6px 0px;
    margin: 0px;
}
#commentform label{
    color: #696c69;
    font-size: 87%;
}
#commentform input{
    width: 200px;
    background:#FFFFFF;
    border: 1px solid #555555;
    padding: 3px;
    margin-top: 3px;
}
#commentform textarea{
    width: 515px;
    height: 115px;
    background:#FFFFFF;
    border: 1px solid #555555;
    padding: 2px;
    margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
    background: #ffffff;
}
#commentform #submit{
    background: #ffffff;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #555555;
    border:1px solid #222222;    
    float:left;
    width: 144px;
    height: 28px;
    cursor: pointer;
}
/*sidebar */
#sidebar {
    float: right;
    padding: 0px 0px 0px 0px;
    margin-top:0px;
    width: 390px;
    overflow: hidden;
    background:transparent;
    color:#efefef;
}
#left {
    float: left;
    width: 180px;
    border:none;
    background:#ffffff;
    margin-top:0px;
}
#right {
    float: right;
    width: 180px;
    border:none;
    margin-right:10px;
    background:#ffffff;
    margin-top:1px;
}
.box{
    width:180px;
    margin-bottom: 5px;
    border:none;
    background: #ffffff;
    border: 1px solid #e7e8e6;
}


/*sidebar title  */
#sidebar h3, #sidebar .sidebartitle{
    font:  12px "Verdana", Geneva, Arial,sans-serif;
    color: #ffffff;
    background :url(img/sbg.jpg) repeat-x;
    padding:6px 3px 10px 10px;
}
#sidebar h4, #right .rights{
    font:  12px "Verdana", Geneva, Arial,sans-serif;
    color: #ffffff;
    margin: 0px 1px 0px 1px;
    padding:5px ;
    background :url(img/sbgr.jpg) repeat-x;
    padding:6px 3px 10px 10px;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
    color: #222222;
    font: 11px "Arial", Geneva, Arial, sans-serif;
    text-decoration: none;
}
#sidebar a:hover{
    color: #3a82b8;
        font: 11px "Arial", Geneva, Arial, sans-serif;
    text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
    margin: 0;
    padding: 0;
}
#sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
    padding:0;
    margin: 0;
}
#sidebar ul li ul li{
    padding: 5px 0 5px 0px;
    border-bottom:1px solid #e7e8e6;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
    padding: 1px 0 1px 0px;
    border: none;
}
/*blogroll widget */
ul.list-blogroll li{
    padding-left: 10px !important;
}
/*meta  widget*/
ul.list-meta li{
    padding-left: 10px !important;
}
/*rss widget */
ul.list-rss li{
    padding-left: 10px !important;
}
/*category  widget */
ul.list-cat li, li.bar_categories li{
    padding-left: 10px !important;
}
/*recent  widget  */
ul.list-rec li, li.bar_comments ul li {
    padding-left: 10px !important;
}
/*archives widget */
ul.list-archives li, li.bar_archives li{
    padding-left: 10px !important;
}
/*pages widget */
ul.list-page li, li.bar_pages li, li.bar_recent_entries li{
    padding-left: 10px !important;
}
/*sub-pages widget */
ul.list-page li ul li, li.bar_pages li ul li{
    padding-left: 10px !important;
}
/*calendar bar widget */
li.bar_calendar td {
    padding: 1px 7px;
}
/*text bar */
.textbar {
    padding-top: 5px;
}
/*search form */
#searchform {
    margin: 0px ;
        right: 20px;
    float: right;
        position: absolute;
        top: 20px;
}
#searchform br {
    display: none;
}
#searchform #s {
    width: 131px;
    height: 18px;
    padding: 4px 5px 0px 5px;
    border: 1px solid #888888;
    margin-right: 2px;
    color: #000000;
    font-weight: normal;
        background: #ffffff;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
    border: 1px solid #888888;
    width: 60px;
    height: 24px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    vertical-align: middle;
        background: #ffffff;
}
/* page close */
#close {
    clear: both;
    background: #ffffff;
    line-height: 130%;
    padding-bottom: 0px;
}
#footer {
    background: #ffffff;
    color: #000000;
    width: 980px;
    border-top: 1px solid #646e7b;
    margin: 0px auto 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
}
#footer a, #footer a:visited{
    color: #165e92;
    text-decoration: none;
    }
#footer a:hover{
    color: #165e92;
    text-decoration: none;
    }
/* alignments */
.center {
    text-align: center;
}
img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
img.alignleft, img[align="left"] {
    float:left;
    margin: 2px 10px 5px 0px;
}
.alignright {
    float: right;
}
img.alignright, img[align="right"] {
    float:right;
    margin: 2px 0px 5px 10px;
}
.clear {
    clear:both;
}
hr.clear {
    clear:both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}
acronym, abbr, span.caps {
    cursor: help; 
    }
acronym, abbr { 
    border-bottom: 1px dashed #999; 
    }

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

faKt

Das jetzige Logo von mir ist in folgenden Code:

HTML

h1 a{
    display:block;
    background:url(img/meinlogo.png) no-repeat left;
    height:65px;
    border: none;
}

und das orginalle Logo was vom Ersteller des Designes dabei ist ist in diesem Code:

HTML

#header {
    background: url(img/header.jpg);
    height: 119px;
    border-bottom:none;
    position: relative;
}

Die header.jpg wird aber nicht angezeigt, weil das meinlogo.png das erledigt.

Wenn ich jetzt egal ob bei h1 oder bei header die height umändere, gibt es Probleme mit der Navi.

Weiß irgendjemand eine Lösung?

Sorry wegen Doppelpost, aber ging nicht anders :???:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wordpress Design Frage

Jetzt mitmachen!

Benutzer online in diesem Thema