Layout Poster Responsive: Absätze unregelmäßig transparent stellen - funktioniert nicht bei mobiler Darstellung

  • Hallo alle miteinander,

    zum obigen Thema hatte ich meine Frage an eine Diskussion vom August diesen Jahres angehängt: " Layout "Poster Responsive": Hintergrundfarbe der Artikel halbtransparent ("opacity"), ohne dass Bilder ebenfalls transparent dargestellt werden ".

    Nun aber als neues Thema:
    Artikelhintergründe können unregelmäßig (z. Bsp. 5. Artikel, 8. Artikel, 13. Artikel ...) transparent dargestellt werden.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. So weit so gut! Ist auch nicht hinderlich.

    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 in der mobilen Darstellung ein Lücke mit 100-prozentiger Farbfüllung hat, wo eigentlich der Header zu sehen sein sollte.
    Oder habe ich da was übersehen?
    Nachzuvollziehen unter: http://www.zp12.starke-design-test.de


    Vielleicht kann mir da jemand auf die Sprünge helfen ... Wäre sehr wichtig.


    Viele Grüße aus dem Regen
    oldiemac

  • Hallo,

    am Online-Beispiel konnte ich das nun gut nachvollziehen. Das liegt daran, dass in der Mobilen-Darstellung das Hintergrundbild mit scrollt und nicht feststeht. Das könnte ein Bug im Layout sein (könnte aber auch Absicht sein, um bugs in Mobilen Browsern auszugleichen), das muss ich erst prüfen. Versuchen Sie bitte ob Ihnen folgender CSS-Code ohne unerwünschte Nebenwirkungen hilft:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    @media (max-width: 568px) {
    	#headslider .bg{
    		position: fixed !important;
    	}
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Eine Erklärung war ich noch schuldig,

    dass Sie in der Reiheneinstellung nicht auf "transparent" stellen können liegt daran, dass hier "transparent" so viel bedeutet wie "nutze die Layout-Vorgabe", also das, was in Layout-Editor unter "Inhaltsbereich > Artikelhintergrund Farbe gerade/ungerade" eingestellt wurde. Das müssen wir im Moment so machen, weil es in der Farbauswahl ja keine Option "keine" gibt und wir daher "transparent" dafür nutzen…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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