Support » Plugins » Ungewünschter weißer Balken überm SmartSlider

  • Gelöst philippwp

    (@philippwp)


    Guten Tag,

    ich wollte bei meiner Seite den Slider austauschen. Ursprünglich wurde dafür LayerSlider WP verwendet. Leider gab es dabei aber ein Ausgabeproblem, sodass auch weiterhin immer der alte Slider angezeigt wurde. Da man mir diesbezüglich hier nicht helfen konnte, entschloss ich das Problem zu umgehen indem ich ein anderes Plugin verwende. Ich habe mich für SmartSlider entschieden. Die Erstellung klappte recht problemlos. Leider gibt es auch hier nun ein Problem mit der Anzeige. Zwar wird der richtige Slider angezeigt, allerdings befindet sich über dem Slider leider ein freier Bereich, sodass nun das WebsiteLogo teilweise auf dem Slider und teilweise auf nem weißen Balken zu sehen ist. Eigentlich sollen die Bilder des Sliders direkt oben beginnenund als Hintergrung für Logo und Menü dienen. Der Slider wird übrigens nur auf der Startseite ausgegeben. Ich habe nur Grundkenntnisse in WordPress und weiß nun garnicht, wo ich den Fehler suchen soll.

    Ich hoffe es kann jemand helfen
    Vielen Dank
    Philipp

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Unter Customizer -> Zusätzliche CSS (ganz ans Ende) eintragen:

    .home #wrapper #main {
        padding-top: 0 !important;
    }

    Da man mir diesbezüglich hier nicht helfen konnte …

    Wir können bei gekauften Produkten nicht helfen – egal, ob du nun Fragen zum mitgelieferten Layerslider oder deinem Theme Avada hast. Ich müsste mir jetzt erst einmal das Theme kaufen, in den Theme-Einstellungen nachschauen und dir dann kostenlos den Support anbieten, für den du beim Kauf des Themes bereits bezahlt hast.

    Mit

    #main {
        padding: 0 !important;
    }

    bekommst du zwar den weißen Streifen weg, hast dann aber z.B. scharze Schrift des Navigationsmenüs auf recht dunklem Bildhintergrund, was ein wenig mühsam zu lesen ist.

    @la-geek Unsere Antworten haben sich wohl überschnitten. 🤷🏻‍♂️

    Allerdings wird deine CSS-Regel vermutlich nicht greifen, weil bereits

    #main {
        padding-top: 55px !important;
    }

    gesetzt ist, was den von dir angegeben Selektor wohl überschreibt?

    @pixolin ich hatte die Anweisung padding-top: 55px !important abgehakt (in den DEV-tools, daher klappte es ohne !important 🙈) und soeben noch einmal die genaue Anforderung gelesen also nur auf der Startseite, und da war mir das mit dem fehlenden !important bereits aufgefallen, daher noch ein .home sowie das trotz höherer Klassifizierung dennoch notwendige !important hinzugefügt.

    Jetzt passt’s. 😀

    Also: was Angelika schreibt.

    @philippwp, wie ich sehe, ist die Änderung eingefügt, würdest du bitte den Thread auf gelöst setzen?

    Noch ein kleiner Hinweis, unten im Footer-Menü steht GDTR, es heißt aber richtig GDPR.
    https://de.wikipedia.org/wiki/Datenschutz-Grundverordnung

    @la-geek
    Vielen Dank.
    Hat ganz wunderbar funktioniert. Jetzt ist es auf der Startseite kein Balken mehr und auf den anderen Seiten hat sich garnix verändert.
    @pixolin
    Meine Frage hier bezog sich doch garnicht auf gekaufte Produkte?
    SmartSlider ist frei verfügbar.
    Da das Bild im Slider hell ist, gibt es kein Problem mit der schwarzen Schrift.

    Hab ich doch geschrieben:

    oder deinem Theme Avada hast. Ich müsste mir jetzt erst einmal das Theme kaufen, in den Theme-Einstellungen nachschauen und dir dann kostenlos den Support anbieten, …

    Nochmal in einfacher Sprache:
    Ich habe Avada nicht.
    Ich kann nicht bei Avada nachsehen.
    Ich kann nicht sagen, ob es dafür in Avada eine Einstellung gibt.

    Da das Bild im Slider hell ist, gibt es kein Problem mit der schwarzen Schrift.

    Achso? Na, dann hab ich mich wohl versehen …

    Screenshot der Website

    Stimmt, das war sogar so unsichtbar (schwarz auf schwarz), dass ich es überhaupt nicht gesehen/bemerkt hatte.

    Abhilfe schafft:

    .home #nav.nav-holder ul.navigation li.current-menu-item a,
    .home #nav.nav-holder ul.navigation li a:hover {
        color: #ff5100 !important;
        text-decoration: overline;
    }
Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)