Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1065454

    Hallo,

    ich möchte unter einem LayerSlider (volle Breite) eine eigene Divbox mit Informationen einblenden, die ein bisschen über dem Slider liegt.
    Ich habe die (Enfold) Version 4.5.2 nun suche ich schon die ganze Zeit die Datei.
    Das sollte unabhängig von anlegten Seiten oder Slidern sein. Egal auf welcher Seite ein Slider hinkommt, ich würde diese Information gerne mit Anzeigen lassen.

    Hier mal die Skizze, die Seite ist lokal bzw. gibt es auch noch nicht viel zu zeigen.
    Skizze

    1. Ist der Slider
    2. Ist die Info die überall angezeigt werden soll und den Slider etwas überlappt
    3. Ist der andere Bereich der Webseite

    Sicherlich ist die Lösung ganz einfach nur ich komme nicht drauf.
    Besten Dank!
    Sven Karger

    • This topic was modified 6 years ago by Elsterhund.
    #1066237

    Hey Elsterhund,
    Bitte entschuldigen Sie die verspätete Antwort. Bitte fügen Sie ein “Code-Block” -Element unter Ihrem Layerslider hinzu:
    2019-02-12-215359
    Bitte fügen Sie Ihren “div” -Code wie folgt hinzu:

    <div class="over-slider"> Box over slider</div>

    Fügen Sie diese CSS dann Ihrem “Quick CSS” hinzu, um Ihre Box zu stylen, über den Layerslider zu verschieben und geben Sie einen Z-Index:

    .over-slider {
        margin-top: -100px;
        z-index: 5;
        background-color: #fff;
        color: #000 !important;
        text-align: center;
    }

    Sie müssen den Z-Index des Layers auch mit css wie folgt senken:

    #layer_slider_1 {
    z-index: 0 !important;
    }

    Jetzt haben Sie eine Box über Ihrem Layerslider:
    2019-02-12-220321
    Bitte lassen Sie uns wissen, ob dies hilft.

    — Translated with Google —

    Sorry for the late reply, please try adding a “code block” element below your layerslider like this:
    2019-02-12-215359
    inside, please add your “div” code like this:

    <div class="over-slider"> Box over slider</div>

    Then add this css to your “Quick CSS” to style your box, move it over your layerslider, and give it some z-index:

    .over-slider {
        margin-top: -100px;
        z-index: 5;
        background-color: #fff;
        color: #000 !important;
        text-align: center;
    }

    you will also need to lower the z-index of the layerslider, with css like this:

    #layer_slider_1 {
    z-index: 0 !important;
    }

    Now you have a box over your layerslider:
    2019-02-12-220321
    Please let us know if this helps.

    Best regards,
    Mike

    #1066497

    Hallo,
    vielen Dank,
    wie bekomme ich es aber auf 100% breite, so das es über dem Inhalt und der Siedbar liegt?
    Skizze2

    Besten Dank!
    Sven

    • This reply was modified 6 years ago by Elsterhund.
    #1066788

    Hi,
    Das ist ein kleiner Trick, bitte erstellen Sie eine HTML-Ebene und lassen Sie sie auf allen Folien anzeigen. Wenn Sie einen neuen Schieberegler erstellen möchten, können Sie ihn auch in den neuen Schieberegler kopieren, ohne dass er neu erstellt werden muss.
    Um die Ebene zu kopieren, gehen Sie zur Registerkarte “Stile” und klicken Sie auf “ Ebenenstile kopieren “:
    2019-02-13-224726
    Gehen Sie dann zum neuen Schieberegler, wählen Sie eine neue HTML-Ebene aus und klicken Sie auf “
    Ebenenstile einfügen “.
    2019-02-13-225229

    — Translated with Google —

    That is a little tricker, please try creating a HTML layer and have it show on top of all slides, then if you want to create a new slider you can also copy it to the new slider without needing to re-build it.
    To copy the layer, go to the styles tab and click “
    Copy layer styles“:
    2019-02-13-224726
    then go to the new slider and choose a new HTML layer, and click “Paste layer styles
    2019-02-13-225229

    Best regards,
    Mike

    #1066851

    Hi,
    okay super.. vielen Dank!

    #1066852

    Doch noch eine Frage.
    wie stelle ich das Einblenden aus?
    Ich habe alles auf Null, aber trotzdem blendet er alles erst ca. 1 bis 2 Sekunden später ein. Slider und Überblendung sollen sofort beim öffnen der Seite erscheinen.

    Besten Dank!

    #1067240

    Hi,
    Bitte fügen Sie der betreffenden Seite die URL hinzu, damit wir die Überblendung untersuchen können. Wenn ich es richtig verstanden habe, gibt es eine Verzögerung, bevor das Fade Ihres Layers beginnt.

    — Translated with Google —

    Please include the url to the page in question so we can examine the fade.
    If I understand correctly there is a delay before the fade of your layerslider begins?

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.