Teaser-Slider Abstand ändern

Thema wurde von eluno24-de, 16. September 2016 erstellt.

  1. eluno24-de

    eluno24-de Mitglied

    Registriert seit:
    29. Oktober 2015
    Beiträge:
    22
    Danke erhalten:
    2
    Danke vergeben:
    11
    Moin zusammen,


    kann mir jemand sagen, wie ich den Abstand von dem Teaser-Slider zu dem unteren Element verkleinere?

    Ein Bild kann das sicher besser erklären (siehe gelbe Markierung):

    erklärung.JPG

    Viele Grüße
    Christopher
     
  2. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    ...hat keiner eine Lösung? Wir haben das gleiche Problem....
     
  3. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Probiert mal diesen Code als eigenes CSS und spielt mit den 15px herum.

    Code:
    #wrapper #main .main-inside
    {padding-top: 15px;}
     
  4. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    Hallo,
    ist bei uns vermutlich doch ein anderes Problem, der jetzt grün markierte Bereich gehört zum Tease-Slider und die Höhe passt sich nicht autom. an, auch nich bei Veränderungen der Höhe im Teaser-Slider-Modul.
    Mit Developer-Tool vom Chrome-Browser lässt sich die Höhe mit "Height: auto;" anpassen.
    Wo finde ich die CSS dazu?

    [​IMG]
     

    Anhänge:

  5. eluno24-de

    eluno24-de Mitglied

    Registriert seit:
    29. Oktober 2015
    Beiträge:
    22
    Danke erhalten:
    2
    Danke vergeben:
    11
    Bei uns hat es nun mit folgendem Code funktioniert:

    Code:
    #wrapper #main .main-inside
    {margin-top: -37px;}
    Danke an bt012ss!
     
  6. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Das sollte auch im Tool ersichtlich sein. Steht normalerweise über deinem "height".
     
  7. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    Das ist mir bewusst. Jedoch finde ich die Eigentliche CSS Datei auf unserem Server nicht. Ich finde zwar einige CSS Dateien, jedoch keine, wo ich diesen Code verändern kann.

    Ist es denn möglich über das "Eigene CSS hochladen" Modul in den Template Einstellungen einen Code zu überschrieben? Wenn ja, wie würde dieser Code dann heißen? (Absoluter Anfänger) ;)
     
  8. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Dafür ist das Ding ja da.
    Und für den Code zu wissen muß man diese Seite "sehen".
     
  9. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    Wenn du mit Seite "sehen" unsere Domain meinst: www.avalingo.de

    ich denke das bei meinem Code etwas fehlt:

    .swiper-slide, .swiper-wrapper
    {height: auto;}

    So funktioniert es aber im Developer Tool.

    Du kennst dich da sicherlich besser aus. ;)
     
  10. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Probier mal .swiper-container anstatt dem swiper-slide und wrapper.
    Für weiteres brauche ich mehr Zeit.
     
  11. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    Hat leider auch nicht geklappt. Aber danke erstmal für deine Hilfe.
     
  12. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Was haste gemacht?

    gambio29.jpg
     
  13. mumus-1

    mumus-1 Erfahrener Benutzer

    Registriert seit:
    10. Juni 2014
    Beiträge:
    104
    Danke erhalten:
    13
    Danke vergeben:
    25
    #stage .swiper-wrapper {

    height: 55%!important; }

    Die 55% sind individuell an die gewünschte Sliderhöhe angepasst. Stage bedeutet in dem Fall, dass nur die höhe für den Slider bestimmt wird und NICHT die Höhe der Bilder, die bei Gambio mit im gleichen Code deklariert sind.