Layout "Poster Responsive": Hintergrundfarbe der Artikel halbtransparent ("opacity"), ohne dass Bilder ebenfalls transparent dargestellt werden

    Hallo liebes Zeta-Team,

    im Layout "Poster Responsive" habe ich in der styles.less die beiden Hintergrundfarben der Artikel mit "opacity: 0.85" halbtransparent gemacht:

    Code
    .articles .row-fluid{
        position: relative;
        padding-top: #val(articlearea-spacing);
        padding-bottom: #val(articlearea-spacing);
        background-color: #val(article-background-color1);
        opacity: 0.85;
}


    Funktioniet einwandfrei.

    Aber: Die Bilder sind ebenfalls "durchsichtig".
    Wie kann ich - in der styles.less oder an anderer Stelle - die opacity so einsstellen, dass sie ausschliesslich die Hintergrundfarbe verändert?

    Vielen Dank für Eure Hilfe & liebe Grüße

    Sunny :)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo,

    kurze Rückfrage dazu:

    -Kennst du die Option "Transparent" im Layoutdesigner > Inhaltsbereich > Artikelhintergrund > "Farbe gerade" und "Farbe ungerade"?
    Die Transparent-Stärke, kannst du dort bei der Farbauswahl mit dem 2ten Schieber einstellen.

    Wäre das nicht die bessere Option?
    Oder hat dein manueller eingefügter Code, einen bestimmte Zweck?

    Gruß
    Jochen

    Ja, und genau das kannst du ja mit der der "Transparentstärke" im Layoutdesigner einstellen.
    Die Stärke der Transparenz kann man da nach seinen Wünschen anpassen.
    Dein manuell eingefügter Code, musst du dazu aber wieder aus der Styles.css Datei entfernen.
    Oder verstehe ich dich da komplett falsch?...

    Gruß
    Jochen

    Waaaaaaaah 8o ! Das ist ja der Wahnsinn. Und so einfach! :thumbup:
    Perfekt! Vielen lieben Dank.
    Zeta ist schon eine richtig tolle Software mit richtig tollen Support-Mitarbeitern!
    Danke Jochen!

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    ABER ... was ist, wenn man nicht gerade oder ungerade Artikelhintergründe transparent bzw. teiltransparent darstellen möchte, sondern den 5. Artikelhintergrund, dann den 8. und und und ...
    Die Einstellung am Artikel selbst mittels Rechtsklick und "Reihe bearbeiten" und dann Hintergrundfarbe auf "transparent" stellen funktioniert nicht. Wenn man aber eine Farbe angibt und dann den Transparent-Regler runter auf 0,01 schiebt, dann funktioniert es.
    Und nun ein zweites ABER ... am Desktop-Rechner sieht alles top aus, nur die mobile Darstellung zeigt die Hintergrundfarbe zu 100 % an, was natürlich doof aussieht, da man eine Farblücke hat, wo eigentlich der Header zu sehen sein sollte.
    Oder habe ich da was übersehen?

    Vielleicht kann mir da jemand auf die Sprünge helfen ...

    Viele Grüße aus dem Regen
    oldiemac

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden