Code von WP per CSS anpassen

  • Hi all,
    ich möchte nun ein eingefügtes Bild in meinem Beitrag per CSS formatieren.
    Der Code für das Bidl sieht wie folgt aus:

    Code
    [caption id="attachment_60" align="alignnone" width="150" caption="Ausgangsbild 1"]<a href="http://localhost:8888/wordpress/wp-content/uploads/2010/08/bkt_roh_001.jpg"><img class="size-thumbnail wp-image-60" title="Ausgangsbild 1" src="http://localhost:8888/wordpress/wp-content/uploads/2010/08/bkt_roh_001-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]


    Ich möchte nun einen Rahmen um das Bild legen. Hierzu müßte ich doch eigentlich nur den o.g. Code in einen Kontainter packen oder nicht?
    Ich habe es so versucht:

    Code
    <div class="box_img_post">
    [caption id="attachment_60" align="alignnone" width="150" caption="Ausgangsbild 1"]<a href="http://localhost:8888/wordpress/wp-content/uploads/2010/08/bkt_roh_001.jpg"><img class="size-thumbnail wp-image-60" title="Ausgangsbild 1" src="http://localhost:8888/wordpress/wp-content/uploads/2010/08/bkt_roh_001-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]
    </div>


    Gehe ich nun auf meine Vorschau wird allerdings dieser Kontainer nicht beachtet! Wo liegt denn da mein Denkfehler?

    Creez

    • 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

  • wie ist er denn in der style.css definiert?


    ????Um die Formatierung geht es mir ja gerade.
    OK...vielleicht zu kompliziert gefragt. Noch mal:
    Ich möchte meine Bildbeschreibungen definieren. So wie es bis jetzt aussieht wird die Textformatierung vom Standardtext übernommen, der per CSS definiert ist. Ich möchte aber dies nicht übernehmen. Und zusätzlich möchte ich die eingefügten Bilder (Thumbs) in einen Rahmen setzen. Frage: Wie kann ich das umsetzen? Wie beschrieben geht es leider nicht:-(

  • nochmal: Du rufst eine

    Zitat

    <div class="box_img_post">

    auf, welche ignoriert wird, wie Du schreibst. Daher meine Frage: wie hast Du diese class definiert?

  • nochmal: Du rufst eineauf, welche ignoriert wird, wie Du schreibst. Daher meine Frage: wie hast Du diese class definiert?


    diese Box ist in der "style.css" definiert:

    Code
    .box_img_post {
        border-color: blue;
        border-width: 1px;
        border-style: solid;
        width: 510px;
        height: 180px;    
        margin: auto;
        float: left;
    }

Jetzt mitmachen!

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