• Gelöst SB-Keule

    (@sb-keule)


    Hallo zusammen,

    ich habe ein Problem mit meinen Banner, dieser wird leider nur zur Hälfte angezeigt. Natürlich habe ich mich in der style.css gleich auf die Suche gemacht und gefunden womit ich die Seite ein wenig (1px) nach unten verschieben kann. Funktioniert soweit auch wunderbar aber leider verschiebt sich nun das ganze rechte Menü, samt Galerie Vorschau und dem Administratoren-Bereich an die unterste Ecke der Webseite.

    Ich hoffe hier kann mir jemand helfen, ich weiß nicht mehr weiter. 🙁

    http://www.hl1823.de/

    /* =Reset
    ————————————————————– */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 1px; <—— Hier habe ich den 1px eingetragen!
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }
    html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    }
    body {
    background: #fff;
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    nav,
    section {
    display: block;
    }
    ol, ul {
    list-style: none;
    }
    table { /* tables still need ‚cellspacing=“0″‚ in the markup */
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td {
    font-weight: normal;
    text-align: left;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: „“;
    }
    blockquote, q {
    quotes: „“ „“;
    }
    a:focus {
    outline: thin dotted;
    }
    a:hover,
    a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
    }
    a img {
    border: 0;
    }

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das ist der falsche Ort für den margin. Das ist ja der Reset-Bereich. Der sorgt dafür, dass die individuellen Browserstyles vereinheitlicht werden. Dieser 1 Pixel Abstand zu allen Seiten wird jetzt auf *alle* angegebenen Elemente angewendet und nicht nur auf den Banner.

    Gehe mal mit der Maus auf den Banner, klicke die rechte Maustaste und rufe „Element untersuchen“ (o.ä. – je nach Browser) auf und schaue genau welchen Selektor du ansprechen musst.

    Änderungen am CSS dann bitte nicht direkt im Original-Theme vornehmen (wird sonst durch das nächste Theme-Update überschrieben), sondern entweder per Child-Theme oder ein Plugin wie Simple Custom CSS (https://wordpress.org/plugins/simple-custom-css/).

    Gruß, Torsten

    Thread-Starter SB-Keule

    (@sb-keule)

    Danke für die Hilfe!

    Gruss
    Kolja

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

Das Thema „Banner Problem – Misty Lake Themes“ ist für neue Antworten geschlossen.