• Hi,

    ich habe ein PDF mit Vorschau eingebunden.
    Im Gutenberg zeigt er es auch richtig an.
    Auf der Webseite wird der weitere Text dann aber vom PDF Viewer überdeckt.

    Was könnte das sein?

    dx9r0-Qj-KZJ

    • Dieses Thema wurde vor 4 Jahren, 1 Monat von Conny geändert.
    • Dieses Thema wurde vor 4 Jahren, 1 Monat von Conny geändert.

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

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Aus irgendeinem Grund ist da noch ein
    <div class="wp-block-file eplus-wrapper">…</div>
    reingerutscht, für das du eine eigene CSS-Regel verwendest. Ohne diese Zeile wird die pdf ganz normal ausgegeben.

    Thread-Starter Conny

    (@conny64)

    Wenn ich das richtig sehe, ist das CSS im Template von Vantage hinterlegt.
    In meinem Child Template habe ich nichts davon drin.
    Wenn ich die Class des DIV’s lösche passiert auch noch nichts.

    Vielleicht kannst du mir da noch ein bisschen helfen?!

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Ups, da ist mir beim Kopieren wohl der Cursor verrutscht.
    Ich meine das hier in Zeile 2:

    
    <div class="wp-block-file eplus-wrapper">
      <div class="fluid-width-video-wrapper">
        <object class="wp-block-file__embed" data="https://www.d***o.de/wp-content/uploads/2021/03/Baofeng_UV-5R_Plus_DE.pdf" type="application/pdf" style="width:100%;height:478px" aria-label="Einbettung von Baofeng_UV-5R_Plus_DE." id="fitvid517969"></object>
      </div>
    …

    In deiner Website wird folgendes CSS eingebunden:

    <style id="fit-vids-style">
    .fluid-width-video-wrapper{
      width:100%;
      position:relative;
      padding:0;
    }
    
    .fluid-width-video-wrapper iframe,
    .fluid-width-video-wrapper object,
    .fluid-width-video-wrapper embed {
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
    </style>

    Ohne Website-Bericht kann ich nicht beurteilen, wo fit-vids-style herkommt, wahrscheinlich von einem Plugin. Wenn du das deaktivierst, wird auch die pdf-Datei richtig eingebunden.

    Thread-Starter Conny

    (@conny64)

    Hi,
    dieses id ist bei mir in den Template JS Dateien defininiert

    /wp-content/themes/vantage/js/jquery.fitvids.min.js
    /wp-content/themes/vantage/js/jquery.fitvids.js

    Muss ich wohl mal bei SiteOrigin nachfragen. Die haben das Theme Vantage entwickelt.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Muss ich wohl mal bei SiteOrigin nachfragen.

    Wahrscheinlich die beste Idee. Oder du müsstest das CSS so erweitern, dass die Regeln in diesem Fall nicht greifen. Mir ist das für raschen, kostenlosen Support zu zeitaufwendig und CSS ist auch nicht unser Thema hier.

    Den Support erreichst du unter https://wordpress.org/support/theme/vantage/

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)

Das Thema „Eingebettes PDF überdeckt den weiteren Seiteninhalt“ ist für neue Antworten geschlossen.