Button div wrapped die ganze Seite

Hallo Steve,

hast du einmal einen Link zu einer Beispielseite, wo ich das sehen kann? Bin mir gerade nicht mehr sicher, ob das ein altes Problem war, das ich schon behoben hatte oder nicht.

erecht24 scheint unser Plugin einfach nur kopiert zu haben und als ihres kostenpflichtig zu verkaufen. Reine Abzocke. Shariff ist und wird immer kostenlos auf www.remarpro.com bleiben.

Viele Grü?e
JP

Hey JP,
leider nicht. Ich arbeite gerade noch auf einem Localhost. Ich hab hier mal einen Code Snippet von einer Testseite mit ein bisschen Lorem Text eingefügt.
Wie man sieht wrapped der Shariff Button den gesamten Lorem Inhalt.
Ich hoffe das Hilft.

Viele Grü?e

<div class="entry-content" itemprop="text">
    <div class="ShariffSC social-buttons">
        <div class="shariff shariff-main shariff-align-flex-start shariff-widget-align-flex-start" style="display:none">
            <ul class="shariff-buttons theme-round orientation-horizontal buttonsize-medium">
                <li class="shariff-button facebook" style="background-color:#4273c8; border-radius:50%"><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Flocalhost%2Fforyourhealth%2Funcategorized%2Ftest-2%2F" title="Bei Facebook teilen" aria-label="Bei Facebook teilen" role="button" rel="noopener nofollow" class="shariff-link" target="_blank" style="background-color:#3b5998; border-radius:50%; color:#fff"><span class="shariff-icon"><svg width="32px" height="20px" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 18 32"><path d="M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z"/></svg></span><span class="shariff-text">teilen</span>&nbsp;</a></li>
                <li class="shariff-button pinterest" style="background-color:#e70f18; border-radius:50%"><a href="https://www.pinterest.com/pin/create/link/?url=http%3A%2F%2Flocalhost%2Fforyourhealth%2Funcategorized%2Ftest-2%2F&media=http%3A%2F%2Flocalhost%2Fforyourhealth%2Fwp-content%2Fplugins%2Fshariff%2Fservices%2F..%2Fpictos%2FdefaultHint.png&description=Test" title="Bei Pinterest pinnen" aria-label="Bei Pinterest pinnen" role="button" rel="noopener nofollow" class="shariff-link" target="_blank" style="background-color:#cb2027; border-radius:50%; color:#fff"><span class="shariff-icon"><svg width="32px" height="20px" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 27 32"><path d="M27.4 16q0 3.7-1.8 6.9t-5 5-6.9 1.9q-2 0-3.9-0.6 1.1-1.7 1.4-2.9 0.2-0.6 1-3.8 0.4 0.7 1.3 1.2t2 0.5q2.1 0 3.8-1.2t2.7-3.4 0.9-4.8q0-2-1.1-3.8t-3.1-2.9-4.5-1.2q-1.9 0-3.5 0.5t-2.8 1.4-2 2-1.2 2.3-0.4 2.4q0 1.9 0.7 3.3t2.1 2q0.5 0.2 0.7-0.4 0-0.1 0.1-0.5t0.2-0.5q0.1-0.4-0.2-0.8-0.9-1.1-0.9-2.7 0-2.7 1.9-4.6t4.9-2q2.7 0 4.2 1.5t1.5 3.8q0 3-1.2 5.2t-3.1 2.1q-1.1 0-1.7-0.8t-0.4-1.9q0.1-0.6 0.5-1.7t0.5-1.8 0.2-1.4q0-0.9-0.5-1.5t-1.4-0.6q-1.1 0-1.9 1t-0.8 2.6q0 1.3 0.4 2.2l-1.8 7.5q-0.3 1.2-0.2 3.2-3.7-1.6-6-5t-2.3-7.6q0-3.7 1.9-6.9t5-5 6.9-1.9 6.9 1.9 5 5 1.8 6.9z"/></svg></span><span class="shariff-text">pinnen</span>&nbsp;</a></li>
                <li class="shariff-button printer" style="background-color:#a8a8a8; border-radius:50%"><a href="javascript:window.print()" title="drucken" aria-label="drucken" role="button" rel="noopener nofollow" class="shariff-link" style="background-color:#999; border-radius:50%; color:#fff"><span class="shariff-icon"><svg width="32px" height="20px" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 30 32"><path d="M6.8 27.4h16v-4.6h-16v4.6zM6.8 16h16v-6.8h-2.8q-0.7 0-1.2-0.5t-0.5-1.2v-2.8h-11.4v11.4zM27.4 17.2q0-0.5-0.3-0.8t-0.8-0.4-0.8 0.4-0.3 0.8 0.3 0.8 0.8 0.3 0.8-0.3 0.3-0.8zM29.7 17.2v7.4q0 0.2-0.2 0.4t-0.4 0.2h-4v2.8q0 0.7-0.5 1.2t-1.2 0.5h-17.2q-0.7 0-1.2-0.5t-0.5-1.2v-2.8h-4q-0.2 0-0.4-0.2t-0.2-0.4v-7.4q0-1.4 1-2.4t2.4-1h1.2v-9.7q0-0.7 0.5-1.2t1.2-0.5h12q0.7 0 1.6 0.4t1.3 0.8l2.7 2.7q0.5 0.5 0.9 1.4t0.4 1.6v4.6h1.1q1.4 0 2.4 1t1 2.4z"/></svg></span><span class="shariff-text">drucken</span>&nbsp;</a></li>
            </ul>
        </div>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
        <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p>
        <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur</p>
    </div>
    <footer class="entry-meta">
        <span class="cat-links"><span class="screen-reader-text">Kategorien </span><a href="https://localhost/foryourhealth/category/uncategorized/" rel="category tag">Uncategorized</a></span>
        <nav id="nav-below" class="post-navigation">
            <span class="screen-reader-text">Beitrags-Navigation</span>
            <div class="nav-previous"><span class="prev" title="Zurück"><a href="https://localhost/foryourhealth/ernaehrung/diaet-abnehmen/abnehmen-leicht-gemacht/" rel="prev">Abnehmen leicht gemacht – Wie Sie erfolgreich abnehmen ohne zu hungern</a></span></div>
        </nav>
        <!-- #nav-below -->
    </footer>
    <!-- .entry-meta -->

• This reply was modified 6 years, 11 months ago by Stefan.

Hallo Steve,

probiere doch bitte einmal, ob die 4.4 das Problem bereits behoben hat.

Viele Grü?e
JP