Was ist falsch?

    Ich will die sidebar meines blogs ausblenden aber aus irgendwelchen gründen funktioniert mein code nicht.

    CSS
    .page-id-1727 .inner_sidebar {
    display: none !important;
}

    woran könnte es liegen? mit firebug funktioniert es..

    • Gerade eben
    • 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

    Ich hab es bereits hinbekommen, hab aber ein neues problem.

    Das hier ist die entsprechende seite: http://tellingbeatzz.net/instrumentals
    Die bilder zum jeweiligen post sollen nur 200px höhe haben, sollen aber trotzdem full width sein, bedeutet an der größe des bildes soll nichts verändert werden, nur weiviel man von dem bild sieht. Ich hoffe du verstehst mich. :)

    Ich wäre dir unendlich dankbar wenn du mir da weiterhelfen könntest. Ich krieg das mit firebug nicht hin.


    gruß

    das heißt man sieht nur noch einen Abschnitt des Bildes?!

    wäre dann

    Code
    #top .slideshow_container {
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

    Einmal editiert, zuletzt von Tutrix (12. Mai 2012 um 23:47)

    wow, danke! ich habs bald! :)

    kann man auch festlegen das der mittlere teil des bildes als ausschnitt verwendet wird und nicht der anfang?

    Code
    #top .slideshow_container {
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}

    abändern in

    Code
    #top .slideshow li img {
    margin-top: -33%;
}
#top .slideshow_container {
    height: 200px;
    overflow: hidden;
}

    und hier .....slideshow.css (Zeile 44)

    Code
    #top .slideshow_container {
    padding-bottom: 20px;
    position: relative;
}

    das padding entfernen

    musst aber schauen, ob die Änderungen nicht an anderer Stelle unerwünscht sind
    dann wieder mit der Page ID arbeiten

    Hm, funktioniert nicht.

    So ist es momentan;

    custom css

    Code
    .page-id-1727.slideshow li img {
    margin-top: -33%;
}
.page-id-1727 .slideshow_container {
    height: 200px;
    overflow: hidden;
}


    slideshow.css

    Code
    .page-id-1727 .slideshow_container {
    position: relative;
}

    ?

    Abstand sowie !important

    CSS
    .page-id-1727 .slideshow li img {
    margin-top: -33% !important;
}

    eventuell statt -33% mal verschiedene -px verwenden, da du verschiedene Bildgrößen hast
    also testen was am besten passt

    Einmal editiert, zuletzt von Tutrix (13. Mai 2012 um 00:43)

    Japp funktioniert! :)

    Wenn du mir jetzt noch sagen kannst warum bei den ersten beiden posts der abstand zum content nicht mehr vorhanden ist, bin ich völlig zufrieden :)

    das liegt an den verschiedenen Bildgrößen, wenn du diese einheitlich in der Höhe machst, bleibt auch der Abstand gleich

    eventuell gibt es noch eine andere Lösung, bin aber jetzt erst mal weg :p

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden