Popover Logo Text ein wenig abstand JS ?

[Warko]

Hallo,
ich möchte ein wenig Abstand ziwschen den Text und das kleine Bild bekommen am besten mit einem padding.

kann mir da jemand weiter helfen ?

 $(document).ready(function() {
         $("[data-toggle=poplogoCF]").popover({
             html: true,
         });
     });

<a href="https://www.abc.de"><img class="pt-4" src="img/bildgross.png"

        data-toggle="poplogoCF"

        data-trigger="hover"

        data-placement="right"

        data-content="<img src='img/123.png'>dieser Text soll ein wenig abstand zum Bild auf der linken seite bekommen">

    </a>

 

[netzgestaltung]

grundsätzlich und wenn ich annehme, dass es sonst kein CSS auf der Seite gäbe, wogegen dein Screenshot spricht, sind Bilder in der Display-Eigenschaft als "Inline-Block" gesetzt. Das mußt du aber in deinem Browser untersuchen.

Generell ist hier vermutlich float:left; auf dem Bild gesetzt, daher würde ich vorschlagen dem kleinen Bild ein "magrin-right" zu geben. Deine CSS Selektoren solltest du ggf noch anpassen, die lassen sich hier nicht herauslesen, da unklar ist, welches HTML das JS erzeugt aus den Daten.

Das kannst du aber im Browser ansehen/untersuchen und zb mit dem FF auch rauskopieren (Äußeres HTML kopieren)

 

[Warko]

aaa vergessen zu schreiben das es mit Bootstrp ist

sorrx

das ist der Abschnitt

<script src="bs-js/jquery.js"></script> 
<script src="bs-js/eigen.js"></script>
<script src="bs-js/bootstrap.bundle.js"></script>

<div class="container h-100 mt-4 test-rounded-8 bg1" >
    <a href="https://www.abc.de"><img class="pt-4" src="img/bildgross.png"
        data-toggle="poplogoCF"
        data-trigger="hover"
        data-placement="right"
        data-content="<img src='img/123.png'>dieser Text soll ein wenig abstand zum Bild auf der linken seite bekommen">
    </a>

</div>

Inhalt der Datei "eigen.js"

 $(document).ready(function() {
         $("[data-toggle=poplogoCF]").popover({
             html: true,
         });
     });

Abstand soll zwischen dem kleinen Bild und dem Text sein in das Popup.

in dieser Zeile soll ein Abstand "data-content"

 

[netzgestaltung]

Bootstrap benutz ich nie, da bin ich raus ;-)

Der Ausgabequellcode im Browser könnte ev noch aufschluss geben oder ein Screenshot vom "Untersuchen" Fenster.