Slider wird auf volle Breite gezogen

  • Hallo, ich arbeite mit der App WP-VR-View (https://de.wordpress.org/plugins/wp-vr-view/) um 360°-Bilder auf unserer Wordpress-Seite zu zeigen.

    Auf Webseite 1 funktioniert das auch gut, mit dem Code kann man die Größe bestimmen:

    HTML
    [vrview img="https://www.beispiel.de/wp-content/uploads/2018/02/R0010021_20181117200054.jpg" width="600" height="360" ]


    Hier geht es zu der Seite: https://bit.ly/2TsjPUh
    Slider 1 hat keine Vorgaben zur Größe bekommen, Slider 2 die im Code stehende Größe.
    Funktioniert alles wunderbar.

    Nun habe ich das gleiche Plugin auf Webseite 2 installiert und dort den gleichen Code wie auf Webseite 1 eingefügt:

    HTML
    [vrview img="https://www.beispiel.de/wp-content/uploads/2018/02/R0010021_20181117200054.jpg" width="600" height="360" ]


    Nur hier funktioniert es leider nicht, der Slider wird zwar angezeigt, er erstreckt sich aber über die komplette Breite.
    Hier geht es zu der Seite: https://bit.ly/2TfqRfQ

    Hat von Euch jemand eine Idee, woran es liegen kann?
    LG Robota

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Dein Theme bestimmt iframes fest auf 100%. Daher versuche es mal so über Design - Customizer - Zusätzliches CSS:

    Code
    iframe{
        width: 600px;
        display: block;
        margin: auto;
    }


    Ggf. musst du es mit !important versuchen.

    Du scheinst aber doch öfter schon Kundenprojekte gemacht zu haben. Sowas ist Grundwissen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    2 Mal editiert, zuletzt von SirEctor (5. März 2019 um 15:49)

  • Danke, mit dem Code und !important hat es geklappt.
    Ich mache übrigens keine Kundenprojekte, die Seiten an denen ich arbeite sind entweder von mir oder von Freunden und Verwandten.
    LG Robota

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!