Rahmen in Wordpress einfügen

Hi ,

bin neu hier, hab mich gerade extra angemeldet.

Ich bin schon seit 00:00 zu gange, ein vorgefertigtes (ja, vorgefertigtes xD) Anmeldeformular zu verändern. Aber irgendwie klappt das nicht.

Ich versuche von Mailchimp das Anmeldeformular in Wordpress zu integrieren. Allerdings will ich noch einen Rahmen um das Anmeldeformular haben, damit es mehr ins Auge fällt.

Dabei habe ich folgenden vorgefertigten Code:

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://simonr.us7.list-manage.com/subscribe/post?u=1d2aa71081c0fdb71d617d8ad&amp;id=e354816974" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
    
<div class="mc-field-group">
    <label for="mce-EMAIL">Email-Addresse </label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
    <label for="mce-FNAME">Vorname </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_1d2aa71081c0fdb71d617d8ad_e354816974" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Abschicken" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

So, nun möchte ich ja wie gesagt dort einen Rahmen um das Anmeldeformular haben.

Dazu habe ich in einem Forum das gefunden:

style="width: 500px; border: 15px red solid; border-color: "red";>

Ich habe versucht, es unter

<div id="mc_embed_signup">

zu packen aber das klappte irgendwie nicht. Da kam immer der Fehler, dass ja ein Div zu viel sei, und wenn ich das div entfernte sah man einfach den Quellcode auf meiner Seite.

Das Komische daran ist, wenn ich den Quellcode, den ich in dem Forum gefunden habe unter "div id="mc_embed_ .... " packe, dann sieht es genau so aus, wie ich es haben möchte, halt nur mit dem Fehler

Ich habe mal unten ein Bild angehangen wie es genau aussehen sollte.

Ich freue mich sehr über eine Antwort und würde mich sehr freuen wenn es genau so klappen könnte wie ich es mir vorstelle.

Liebe Grüße

Zitat von Stef

Guten Morgen,

Du hast in deinem CSS-Code Fehler.

style="width: 500px; border: 15px red solid; border-color: "red";>

Du hast da einmal eine CSS-Eigenschaft zu viel und die Anführungszeichen falsch gesetzt.

Richtig sieht der Inline CSS Code wie folgt aus:

style="width: 500px; border: 15px red solid;"

Ich habe mir mal deine Newsletterseite angeschaut. Dort gibt es kein Element mit der id "mc_embed_signup". Es gibt dort aber den HTML-Tag div mit der Id templateBody uns Class bodyContent rounded6. Dieser umschließt doch den Bereich welchen du den Rahmen geben willst.

Da reicht es, wenn du diesem einen Rahmen gibst.

Desweiteren bitte das nächste mal ein anderen Titel für dein Problem verwenden. Wenn jemand ein Thema erstellst wissen wir, dass diese Person Hilfe brauchst.

Grüße,

Stef

Alles anzeigen

Vielen Dank, es hat geklappt