Liebes Zeta-Producer-Team
ich wollte nur anmerken, dass aktuell das Einfahren beim Layout Flat Responsive in Spaltenanimation nicht funktioniert.
Die Spalten mit dem Text-Widget, sollen von rechts nach links und von links nach rechts einfahren (Foto Screenshot).
Mobil werden nur die Spalten links nach rechts angezeigt. Jene, mit der Animation rechts nach links werden ausgeblendet (Foto Screenshot mobil, iPhone).
Die Animation funktioniert nur auf dem Desktop in der Vorschau, nicht aber nach Veröffentlichung.
Es gibt keine fremden Widgets, also rein Programmbasiert. Und CSS halt gezwungener Maßen, weil die Design-Einstellungs-Option in Zeta-Producer zu sehr beschränkt ist.
Aktuell vorhandenes CSS-Style:
CSS
<style>
.vdHeader {
margin-top: -200px;
}
@media (min-width: #val(desktopView)px) {
.vdHeader {
margin-top: -240px;
}
}
@media (min-width: #val(wrapperWidth)px) {
.vdHeader {
margin-top: -360px;
}
}
#header #webdescription {
padding: 1em;
}
#header #nav > ul {
box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1);
background-image: url(oid://image/bg_content);
}
#header #nav>ul li a {
background-image: url(oid://image/bg_content);
}
#header #nav>ul li a:hover {
color:#D4505A;
}
#header #nav>ul li.logo>a, #header #nav>ul li.logo>a.active {
display: flex;
padding: 10px 1em 10px 1em;
vertical-align: center;
justify-content: center;
}
#header #nav li.haschilds>a, #header #nav .dropdown-menu li.haschilds {
top: 15px;
}
body:before {
background-repeat: repeat;
background-size: auto;
}
#consent .switch .slider {
background-color: rgba(170, 145, 103, 0.5);
box-shadow: none;
}
#consent {
border: none!important;
background-image: url(oid://image/bg_content);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
max-width: 940px;
}
#consent .consent:not(.consentcategory), #consent div.cat {
background-color: rgba(255, 255, 255, 0.5);
}
#consent .switch input:checked+.slider, #consent a.close:hover {
background-color: #AA9167;
}
#consenttoggle>a.toggleconsent {
box-shadow: none;
background-color: #ECE4D9;
border: none;
}
.zpconsentinfo button.default, .zpconsentinfo a.button.default, #content .zpconsentinfo button.default, #content .zpconsentinfo a.button.default {
background-color: #AA9167!important;
}
</style>VG Mirco
