-
Posts
-
Hallo Kriesi-Team,
wir arbeiten als Einsteiger nun schon eine Weile mit eurem Theme EnFold und machen auch dank der Übersichtlich- und Vielfältigkeit der Benutzeroberfläche gute Fortschritte, jedoch bleiben einige Kleinigkeiten ohne CSS-Anpassungen unlösbar. Wir haben EnFold als Parent-Theme konfiguriert und arbeiten für die weiteren Anpassungen ausschließlich im Child-Theme.
Nun folgende Fragen zu den aufgekommenen Problemen:
1. Wie lässt sich der “Viewport” des Fullscreen-Sliders so wie in eurer Demo-Site http://kriesi.at/themedemo/?theme=enfold schmaler machen, wie über der Sektion About zu sehen ( Bild mit weißer Couch) ? CSS-Snipplet für die Anpassung der Höhe?
2.WIe lassen sich global alle themeinternen Hover-Icons für die Galerien ausblenden, da diese mit den Plugin Hovereffekten von dem von uns verwendeten Justfied-Image-Grid kollidieren?
3. Ist es möglich den Layerslider auch in der Höhe auf responsives Verhalten einzustellen, so wie der Full-Screen Slider in eurer Demo unter http://kriesi.at/themedemo/?theme=enfold zeigt? (Passt sich immer an die effektive Höhe des Browserfensters an)
VIelen Dank vorab
Hi MeisDesign!
1) Kriesi hat auf der Demo Seite einfach nur eine Color Section verwendet und zu dieser Color Section ein Hintergrundsbild (Bild mit Couch) gesetzt. In die Color Section hat er noch ein HR Element gegeben, den “Whitespace” Modus ausgewählt und eine Höhe von 100px eingestellt.
2) Dieser Code deaktiviert das Hover Overlay komplett
.image-overlay { display: none !important; }3) Soweit ich weiß passt sich die Höhe automatisch an. Eine Option gibt es hierfür nicht. Kriesi verwendet bei der Demoseite diese Einstellungen: http://www.clipular.com/c/4907077319262208.png?k=2Et7yjKsxWEgSrXTqN6cDQjOFks
Cheers!
PeterHallo Peter,
danke für die umgehende Antwort. Der Lösungsansatz zu Punkt 1 hat das erwünschte Resultat zur Folge und das Problem somit gelöst
: )Leider funktioniert der Tipp zur Deaktivierung des Image-Overlay nicht wie erhofft, da er keine Auswirkung auf das Verhalten
des Hover hat. Bitte nach Möglichkeit um weitere Hilfestellung.Zudem gibt es einen weiteren Punkt der uns vor Probleme stellt:
In der Headernavigation erscheint beim Mouse-over, oder im Zustand Selected ein Underline-Effekt den wir gerne global für alle Seitentypen deaktivieren würden, so dass nur die Schrift bei Mouse over Feedback gibt.
Danke für den Support.
Mit den besten Grüßen
Hey!
1) Könnt ihr bitte einen Link zu der Seite mit den Hover Effekten posten? Ich muss mir ansehen, warum der Code nicht funktioniert.
2) Den Underline Effekt könnt ihr mit folgenden Code deaktivieren:
#top li:hover .avia-menu-fx, #top li:hover .current_page_item>a>.avia-menu-fx { opacity: 0; visibility: hidden; }Best regards,
Peter
- You must be logged in to reply to this topic.