Foodica – CSS Anpassung Beitragsbild Desktop ausgeblendet aber Mobil sichtbar

  • Gelöst kochtopfreisen

    (@kochtopfreisen)


    vor 3 Jahren, 8 Monaten

    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)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 8 Monaten

    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-Starter kochtopfreisen

    (@kochtopfreisen)

    vor 3 Jahren, 8 Monaten

    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)
  • Das Thema „Foodica – CSS Anpassung Beitragsbild Desktop ausgeblendet aber Mobil sichtbar“ ist für neue Antworten geschlossen.

Schlagwörter