Theme css ignorieren

    Hallo,

    ich habe ein Anmelde-Form für einen Newsletter. Leider überschreibt mein Theme (Highend) das Design mit eigenem Zeugs (eigenes Button-Design und riesiges Eingabefeld)

    Ich habe versucht mit !important das zu unterbinden, was aber nichts nützt. Wie kann ich dem Theme "verbieten" sein eigenes css meinem Code überzustülpen? Hier ist der code:

    HTML
    <div style="text-align: center; padding: 16px 0 10px; width: 260px;">
<form action="http://email.url.de/mail/do/subscribe.php?ml=3" method="post">
<input style="width: 160px; border: 1px solid #999; padding: 5px; margin: -5px 100px 10px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;" name="email" type="text" placeholder="E-Mail Adresse *" />
<input style="width: 150px; border: 1px solid #999; font-family: Arial,sans-serif,Helvetica; font-size: 14px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; text-shadow: 0 1px 1px #333; cursor: pointer; display: block; line-height: 10px; outline: none; vertical-align: baseline; text-align: left; background: #5B5B5B url('http://email.url.de/mail/templates/btn_bg.png') repeat-x bottom left; padding: 5px 20px; font-weight: normal;" type="submit" value="Eintragen" />
</form></div>

    Viele Grüße,
    Daniel

    • Gerade eben
    • 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

    Na ja, vergebe halt ID oder Klassen.

    [COLOR=#000080]<div class="form-wrapper"[COLOR=#0000FF][/COLOR]>[/COLOR]
    [COLOR=#FF8000]<form id="newsletter" action=[COLOR=#0000FF]"http://email.url.de/mail/do/subscribe.php?ml=3"[/COLOR] method=[COLOR=#0000FF]"post"[/COLOR]>[/COLOR]
    [COLOR=#FF8000]<input style=[COLOR=#0000FF]"width: 160px; border: 1px solid #999; padding: 5px; margin: -5px 100px 10px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;"[/COLOR] name=[COLOR=#0000FF]"email"[/COLOR] type=[COLOR=#0000FF]"text"[/COLOR] placeholder=[COLOR=#0000FF]"E-Mail Adresse *"[/COLOR] />[/COLOR]
    [COLOR=#FF8000]<input style=[COLOR=#0000FF]"width: 150px; border: 1px solid #999; font-family: Arial,sans-serif,Helvetica; font-size: 14px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; text-shadow: 0 1px 1px #333; cursor: pointer; display: block; line-height: 10px; outline: none; vertical-align: baseline; text-align: left; background: #5B5B5B url('http://email.url.de/mail/templates/btn_bg.png') repeat-x bottom left; padding: 5px 20px; font-weight: normal;"[/COLOR] type=[COLOR=#0000FF]"submit"[/COLOR] value=[COLOR=#0000FF]"Eintragen"[/COLOR] />[/COLOR]
    [COLOR=#FF8000]</form>[/COLOR][COLOR=#000080]</div>[/COLOR]

    .form-wrapper
    {[COLOR=#000080][COLOR=#0000FF]text-align: center; padding: 16px 0 10px; width: 260px;[/COLOR][/COLOR]}
    #newsletter { ...}

    Ist ja nicht so schwer...

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden