Fehler: Überdeckung der Navigationspfeile

Uwe's Avatar

Uwe

19 Jul, 2019 07:30 AM

Produkt: Slider Contao
Contao-Version: 4.4.40
Browser und Browserversionen: alle

Guten Tag,

leider überdecken sich im Rocksolid Slider die Navigationspfeile. Welche Änderungen muß ich im CSS vornehmen?

#home-slider.rsts-skin-default .rsts-prev,
#home-slider.rsts-skin-default .rsts-next {
    right: auto;
    left: 50%;
    bottom: 90px;
    margin-left: -506px;
    margin-left: calc(-506px + var(--safe-area-left));
}
#home-slider.rsts-skin-default .rsts-next {
    margin-left: -470px;
    margin-left: calc(-470px + var(--safe-area-left));
}

Betrifft Vision und auch ONEO https://www.huma-rasenmarkierungsfarbe.de/
Danke schonmal.

Mit freundlichen Grüßen
Uwe Brauer

  1. Support Staff 1 Posted by RockSolid Theme... on 19 Jul, 2019 08:31 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Informationen zur Behebung des Fehlers finden Sie in folgendem Beitrag: http://help.rocksolidthemes.com/discussions/contao/37045

  2. 2 Posted by Uwe Brauer on 19 Jul, 2019 08:39 AM

    Uwe Brauer's Avatar

    In der Vision 1.8.7. das bereits korrekt im CSS. Die Pfeile liegen aber trotzdem übereinander.

  3. Support Staff 3 Posted by RockSolid Theme... on 19 Jul, 2019 08:44 AM

    RockSolid Themes's Avatar

    In der Datei https://www.huma-rasenmarkierungsfarbe.de/files/oneo/css/main.css auf Zeile 70 ist nach wie vor die fehlerhafte Zeile zu sehen. Haben Sie eventuell eine andere Datei editiert?

  4. 4 Posted by Uwe Brauer on 19 Jul, 2019 08:52 AM

    Uwe Brauer's Avatar

    Es betrifft beide Auftritte.
    Ich hatte jetzt erst diesen Vision Auftritt geprüft. https://contao.ksvhoheneck.de/
    Hier passt es leider noch nicht.

    Den anderen habe ich geändert. Da passt es nun. Danke dafür.

    Mit freundlichen Grüßen
    Uwe Brauer

  5. Support Staff 5 Posted by RockSolid Theme... on 19 Jul, 2019 11:22 AM

    RockSolid Themes's Avatar

    Um das Problem im Vision-Theme zu beheben fügen Sie bitte folgenden CSS-Code in die Datei files/vision/css/custom.css ein:

    #image-main .rsts-skin-default .rsts-next {
        margin-right: -506px;
        margin-right: calc(-506px + var(--safe-area-right));
    }
    
  6. 6 Posted by Uwe Brauer on 19 Jul, 2019 11:28 AM

    Uwe Brauer's Avatar

    Perfekt. Danke schön.

    Mit freundlichen Grüßen
    Uwe Brauer

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac