Header ändern wie ?

    • Anzeige

    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

  • Als erstes mal schauen ob der "Customizer" deines themes dafür schon reicht: zu finden unter Design -> Anpassen.

    Viele vorgefertigte Themes bieten dort (oder manchmal auch an anderer Stelle) Einstellungsmöglichkeiten an. (Beliebt sind auch die Theme Einstellungen, manch ein theme versteckt die auch in einem Menüpunkt, der so heisst wie das theme selbst)

  • Nein er reicht nicht aus Ich weis nur nicht wie ich den Header im Vorgefertigten design ändern kann in einen eigenen, habe nur über google was gefunden, dass man im style.css was ändern muss. Nur ich finde nichts was funktioniert :(

  • Hi manueI,

    können wir das online ansehen? Bitte Link ;-) Welches Theme ist es?

    Ist es ein Premium Theme? Gibt es dazu schon ein Child Theme

  • Okay! Ein kurzer Blick in Firebug verrät, dass das was Du "header" nennst genau genommen nicht der Header ist sondern ein Container (div) mit der Klasse "Hero Unit"!

    Ich würde mal die Quelldateien Deines Themes danach durchforsten, dann ein child theme erstellen, die entsprechende Quelldatei dorthin kopieren und anpassen (sprich diesen Container herauslöschen)!

    Wichtiger Hinweis! Nur in der Kopie im child theme löschen / arbeiten.

  • .

    #
    }

    .footer-links .menu li{
    float: left;
    margin-left: 10px;
    }

    /* post styling */

    #main p.meta{
    font-style: italic;
    color: #ffff00;
    }

    #main article{
    margin-bottom: 18px;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 9px;
    }

    #main article footer{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    min-height: 20px;
    }

    #main article footer a.edit-post{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    }

    .post:hover a.edit-post{
    display: inline;
    }

    /* Shared Post Format styling */
    article.format-quote footer.entry-meta,
    article.format-link footer.entry-meta,
    article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    }

    /* =Aside post format
    -------------------------------------------------------------- */
    #main article.format-aside {
    padding: 0;
    }

    article.format-aside h1 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    }
    article.format-aside h1 a {
    text-decoration: none;
    }
    article.format-aside h1 a:hover {
    }
    article.format-aside .aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    border-left: 22px solid;
    }
    article.format-aside p {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    }
    article.format-aside blockquote:last-child,
    article.format-aside p:last-child {
    margin-bottom: 0;
    }
    article.format-aside footer.aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    border-left: 22px solid;
    }

    /* Image posts */
    article.format-image footer h1 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    font-weight: normal;
    }
    article.format-image footer h2 {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    }
    article.format-image footer a h2 {
    font-weight: normal;
    }

    /* Link posts */
    article.format-link header {
    padding: 0 10px;
    padding: 0 0.714285714rem;
    float: right;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px;
    }
    article.format-link .entry-content {
    max-width: 80%;
    float: left;
    }
    article.format-link .entry-content a {
    font-size: 22px;
    font-size: 1.571428571rem;
    line-height: 1.090909091;
    text-decoration: none;
    }

    article.format-link footer.entry-meta {
    clear: both;
    }

    /* Quote posts */
    article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
    }
    article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    }

    article.format-quote .entry-content blockquote p:before {
    content: "\201C ";
    font-size: 2rem;
    }

    article.format-quote .entry-content blockquote p:after {
    content: " \201D ";
    font-size: 2rem;
    }

    /* Status posts */
    .format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    }
    .format-status .entry-header header {
    display: inline-block;
    }
    .format-status .entry-header h1 {
    font-size: 15x;
    font-size: 1.071428571rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
    }
    .format-status .entry-header h2 {
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    line-height: 2;
    margin: 0;
    }
    .format-status .entry-header header a {
    color: #757575;
    }
    .format-status .entry-header header a:hover {
    color: #21759b;
    }
    .format-status .entry-header img {
    float: left;
    margin-right: 21px;
    margin-right: 1.5rem;
    }

    p.tags{
    line-height: 20px;
    }

    div[id*='attachment_']{
    max-width: 100%;
    height: 100%;
    }

    #credit320{
    background: url('images/320press_mini.png') no-repeat left top transparent;
    padding-left: 20px;
    }

    #main .hero-unit img{
    margin-bottom: 1em;
    }

    #main article img{
    height: auto;
    max-width: 100%;
    }

    img.alignleft{
    margin-right: 10px;
    float: left;
    }

    img.alignright{
    margin-left: 10px;
    float: right;
    }

    img.aligncenter{
    display: block;
    margin: 0 auto;
    }

    .post header img{
    margin-bottom: 18px;
    }

    .archive #main .post h3{
    line-height: 24px;
    margin-bottom: 10px;
    }

    video {
    max-width: 100%;
    height: auto;
    }

    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .video-wrapper {
    width: 630px;
    max-width: 100%;
    margin-bottom: 18px;
    }

    /* page styling */

    #featured-carousel .item{
    width: 970px;
    height: 600px;
    }

    .carousel-caption p{
    display: none;
    }

    .page-template-page-homepage-php #main article{
    border-bottom: none;
    }

    .page-template-page-homepage-php .hero-unit,
    .blog .hero-unit{
    padding: 1em;
    }

    .hero-unit h1 {
    font-size: 3em;
    }

    /* comments */


    #comments{
    line-height: 24px;
    margin-bottom: 18px;
    }

    ol.commentlist,
    ol.commentlist ul.children{
    list-style-type: none;
    margin-left: 0;
    }

    .comment .vcard > div{
    margin-top: 8px;
    padding: 0 10px;
    }

    ol.commentlist time{
    font-size: .8em;
    color: #eeeeee;
    }

    ol.commentlist div.comment-author{
    position: relative;
    }

    ol.commentlist a.comment-edit-link{
    color: #ffffff;
    text-decoration: none;
    padding-left: 5px;
    }

    ol.commentlist span.edit-comment{
    position: absolute;
    right: 0;
    top: 8px;
    }

    ol.commentlist li.bypostauthor{
    background-color: #333;
    }

    ol.commentlist ul.children li{
    background-color: #cccccc;
    }

    ol.commentlist ul.children li ul.children li{
    background-color: #bbbbbb;
    }

    ol.commentlist ul.children li ul.children li ul.children li{
    background-color: #aaaaaa;
    }

    ol.commentlist article{
    border-bottom: none !important;
    }

    a.comment-reply-link{
    position: absolute;
    right: 0;
    bottom: 0;
    }

    #comment-nav ul{
    list-style-type: none;
    margin: 0;
    }

    #comment-form-elements{
    list-style-type: none;
    margin: 0;
    }

    .comment .vcard .avatar{
    padding-right: 0;
    }

    .comment .vcard .comment-text{
    margin-left: 0;
    }

    img.avatar{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-left: 1px solid #ddd;

    }

    ol.commentlist li{
    padding-right: 10px;
    background: url('images/footer-bg.png') repeat left top;
    border: 1px solid #666;
    }

    #pings{
    margin-bottom: 9px;
    }

    ol.pinglist{
    list-style-type: none;
    margin: 0 0 9px 0;
    }

    #comment{
    width: 100%;
    }

    ol.commentlist #respond{
    padding: 5px 10px;
    }

    /* specific post-type styles */

    /* image attachment */

    .attachment #main .post_content img{
    max-width: 100%;
    }

    .ie8 #main .media-grid img{
    max-height: none !important;
    max-width: none !important;
    }

    .attachment-img{
    margin-bottom: 18px;
    }

    .metadata p.alert-message{
    margin-right: 0;
    margin-bottom: 18px;
    }

    #gallery-nav{
    list-style-type: none;
    margin-left: 0;
    }

    li.next a, li.previous a{
    position: relative;
    }

    li.next a:hover:before{
    content: "\2190";
    position: absolute;
    display: block;
    top: 42%;
    left: 0;
    background-color: #BFBFBF;
    color: #444;
    width: 20px;
    height: 20px;
    padding-left: 5px;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    }

    li.previous a:hover:before{
    content: "\2192";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    background-color: #BFBFBF;
    color: #444;
    width: 20px;
    height: 20px;
    padding-left: 5px;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    }


    /* widget styles */

    .widget{
    margin-bottom: 10px;
    border: 1px solid #666;
    padding: 12px;
    background: url('images/footer-bg.png') repeat left top;
    }

    .widgettitle{
    margin-bottom: 9px;
    margin-top:3px;
    }

    #tag-cloud{
    margin-bottom: 18px;
    line-height: 160%;
    }

    /* for some reason the bs version currently available for download doesn't have this style */
    .label{
    text-transform: uppercase;
    }

    /* override standard link hover for the tag cloud widget */
    #tag-cloud a:hover,
    .tags a:hover{
    color: #ffffff;
    text-decoration: none;
    }

    #tag-cloud a{
    white-space: pre;
    text-transform: uppercase;
    }

    /* change default form padding for search */

    .widget_search form{
    padding-left: 0;
    }

    .widget_search input{
    width: 70px;
    }

    /* calendar widget */

    #calendar_wrap{
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    }

    #wp-calendar{
    width: 100%;

    }

    #wp-calendar caption{
    font-weight: bold;
    padding: 8px;
    }

    #wp-calendar tr{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }

    #wp-calendar tr:last-child{
    border-bottom: none;
    }

    #wp-calendar td{
    text-align: center;
    padding: 8px 0;
    }

    blockquote.pull-left{
    padding-right: 15px;
    }

    Media only screen and (min-width: 768px) {
    .carousel-caption p{
    display: block;
    }
    }

    Media only screen and (min-width: 980px) {
    body{
    padding-top: 60px;
    }

    .container-fluid{
    max-width: 970px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    }

    #inner-footer{
    padding: 15px;
    margin:0 auto;
    max-width:970px;
    }
    #widget-footer {
    width: 100%;
    margin: 0 auto;
    }

    #content{
    padding-left: 0;
    padding-right: 0;
    }

    .topbar-inner{
    padding: 0;
    }

    .topbar form.pull-right {
    float: right;
    }

    .navbar-form, .navbar-search {
    margin-top: 6px;
    margin-bottom: 0;
    }

    .navbar-search{
    padding-left: 0;
    }

    .sidebar{
    margin-top: 0 !important;
    }

    .widget_search input{
    width: 230px;
    }

    .blog .hero-unit{
    margin-top: -10px;
    }

    .page-template-page-homepage-php .hero-unit,
    .blog .hero-unit{
    padding: 26px;
    }

    .hero-unit h1 {
    font-size: 60px;
    }

    /* hide edit comment button and show on hover on desktop version */
    .edit-comment{
    display: none;
    }

    .vcard:hover .edit-comment{
    display: inline-block;
    }

    #s{
    width: 210px;
    margin-bottom: 6px;
    }

    .widget_search input{
    width: 30%;
    }

    .comment .vcard .comment-text{
    padding-left: 0;
    padding-right: 0;
    }
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!