Support » Themes » Foodica – CSS Anpassung Beitragsbild Desktop ausgeblendet aber Mobil sichtbar

  • Gelöst kochtopfreisen

    (@kochtopfreisen)


    hey liebes Forum,

    ich hab das Foodica Thema für eine Rezeptseite verwendet und selber relativ viele CSS Anpassungen gemacht. Bei einer steck ich aber leider momentan fest.

    Hier ein Beispiel:
    http://s861145068.online.de/scharfe-asia-rindfleischpfanne wenn ma diese Seite als Desktop Version öffnet, sieht man das Beitragsbild nicht.

    Das hab ich mit dem CSS

     .single .post-thumb {
        display: none !important;
    }

    beseitigt. Dachte ich zumindest.

    Denn mobil sieht man das Bild dennoch …

    Habt ihr eine Idee wie ich es gänzlich wegbekommen kann?

    Danke vorab für die Hilfe an alle!

    Schöne Grüße aus dem nördlichsten Österreich!

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Du hast in deinem Zusätzlichem CSS eine CSS-Regel

    @media(min-width:769px){
    .wp-show-posts-inner {
        flex-direction: row;
        display: flex;
    }
    

    bei der die schließende Klammer für die Media-Query fehlt. Dadurch werden alle nachfolgenden CSS-Regeln so behandelt, als würden sie zu dieser Media-Query gehören.

    Die CSS-Anweisung !important sollte immer das letzte Mittel der Wahl sein. Eigentlich reicht es, wenn eine CSS-Regel später geladen wird, um vorhandene CSS-Regel zu überschreiben. Oder du verwendest einen soezifischeren Selektor – also z.B. .single .content-area .post-thumb statt .single .post-thumb.

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

    Thread-Ersteller kochtopfreisen

    (@kochtopfreisen)

    hallo,

    oh mann – da hätte ich noch lange gesucht, hab ich total übersehen!

    Danke für die megaschnelle Antwort !!! 🙂

    danke auch für den Link, bin beim CSS schon mehr als eingerostet – ich les mich da gleich nochmal durch!

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