twenty twelve: schatten um bilder bei bestimmten unterseiten abstellen

  • hallo leute :-)

    was müsste ich ins css schreiben damit bestimmte unterseiten meiner hp den schatten um die bilder weglassen?

    PHP
    .entry-content img,
    .comment-content img,
    .widget img,
    img.header-image,
    .author-avatar img,
    img.wp-post-image {
        /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    • 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

  • Bei allen Unterseiten die Werte einfach auf Null setzen.
    Bei nur einigen Unterseiten, da müsste die Zuordung dann anders sein -> das übersteigt mein Wissen.

    Gruß Frank

  • die unterseite hat den namen portfolio-1. bei dieser soll kein schatten angezeigt werden. hab den code jetzt mal kopiert noch mal darunter gesetzt und folgender maßen verändert, leider ohne dem gewünschten resultat.

    PHP
    if portfolio-1 img.wp-post-image {
        /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
        border-radius: 
        box-shadow: 
    }
  • du editierst die css, somit kein if

    wenn dann so

    Code
    .portfolio-1 img.wp-post-image {
        box-shadow: none;
        border-radius: 0;
    }

    sofern img.wp-post-image angesprochen wird und nicht .entry-content img

    das Beste ist immer ein Link zum Problem, dann ist das hier keine Ratespiel ;)

  • nun die Seiten ID ist nicht portfolio-1 sondern page-id-685

    Code
    .page-id-685 .entry-content img {
        border-radius: 0;
        box-shadow: none;
    }
  • vielen dank, jetzt funktioniert es so wie gedacht! :-P

    hm, das obere und die zwei unteren bilder liegen noch nicht aneinander, sondern haben ein paar pixel abstand dazwischen. wie bekommt man den weg?

    Einmal editiert, zuletzt von 0815 (14. April 2013 um 18:35)

Jetzt mitmachen!

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