Ergebnis 1 bis 2 von 2

Thema: Formularbutton Schriftfarbe ändern Bloom

  1. #1
    HTML Newbie
    Registriert seit
    18.03.2016
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Formularbutton Schriftfarbe ändern Bloom

    Hallo Zusammen

    Möchte bei dem Angehängten Formular die Schrift des Buttons weiß färben und ihn mittig ausrichten.

    Hat jemand hierzu eine Idee?

    Benutze Bloom von elegantthemes.

    Danke

    HTML-Code:
    <form name="seminaranmeldung" method="POST" id="seminaranmeldung" enctype="multipart/form-data">    <div class="full">        <div class="one_half"><input type="checkbox" name="teilnahme" id="sesem1" value="Seminareins" checked> Ich komme zu Seminar 1</div>        <div class="one_half et_column_last"><input type="checkbox" name="teilnahme2" id="sesem2" value="Seminarzwei" checked> Ich komme zu Seminar 2</div>    </div>    <div class="full"><input type="checkbox" name="teilnahme3" id="severh" value="verhindert"> Ich bin leider verhindert</div>    <div class="full">        <input type="radio" name="sex" id="sesex" value="Herr" checked> Herr   <input type="radio" name="sex" value="Frau" checked> Frau    </div>    <div class="clear"></div>        <div class="full">              <p class="left-one"><input placeholder="Vorname" type="text" id="sevorname" name="vorname" value=""></p>        <p class="left-one-last"><input placeholder="Name" type="text" id="sename" name="name" value=""></p></div>          <div class="clear"></div>          <div class="full"><input placeholder="E-Mail Adresse"  type="text" id="semail" name="email" value=""></div>         <div class="clear"></div>            <div class="full"><p class="left-one"><input placeholder="Straße, Nr." type="text" id="sestrasse" name="strasse" value=""></p>        <p class="left-one-last"><input placeholder="PLZ, Ort" type="text" id="seort" name="ort" value=""></p></div>          <div class="clear"></div>        <div class="full"> <input placeholder="Telefon tagsüber" class="custom-contact-form-field-full" type="text" id="setelefon" name="telefon" value=""></div>
              <div class="full"> <input placeholder="Anzahl Personen" class="custom-contact-form-field-full" type="text" id="seanzahl" name="anzahl" value="">       <div class="clear"></div><!--    <div class="one_third"><input type="checkbox" name="teilnahme" value="teilnehmereins"> 1 Teilnehmer</div>    <div class="one_third"><input type="checkbox" name="teilnahme" value="teilnehmerzwei"> 2 Teilnehmer</div>    <div class="one_third et_column_last"><input type="checkbox" name="teilnahme" value="teilnehmerdrei"> 3 Teilnehmer</div>-->        
    <div class="clear"></div>    <div class="contact-error et_bloom_form_header" style="display: none; background: none !important; padding: 0;">        <p style="color: #d00;"></p></div>    <p></p><br>
    <input class="et_pb_contact_submit et_pb_button" type="submit" name="anmelden" id="Anmelden" value="Anmeldung absenden"><input type="hidden" >
    <p style="margin-top: 2px; font-size: 0.8em; text-align: center;">(Die Teilnehmerzahl ist begrenzt. Zur erfolgreichen Anmeldung erhalten Sie eine gesonderte Bestätigung.)</p></div></form>
    <div id="form-success" class="et_bloom_form_header" style="display: none; background: none !important; padding: 0;"><p style="text-align: center;">Ihre Anmeldung wurde erfolgreich verschickt!<br>Zur Bestätigung Ihrer Anmeldung werden wir Sie in Kürze telefonisch kontaktieren.</p></div>
    <div class="clear"></div>
    <script>        jQuery("#seminaranmeldung").on("submit", function(e) {        e.preventDefault();        var $this = jQuery(this);        var $errorEl = $this.find(".contact-error");                var errorText = "";        var error = false;                seSem1 = $this.find("#sesem1").is(":checked") ? "true" : "false";        seSem2 = $this.find("#sesem2").is(":checked") ? "true" : "false";        seVerh = $this.find("#severh").is(":checked") ? "true" : "false";        seSex = $this.find("#sesex").val();        seVorname = $this.find("#sevorname").val();        seName = $this.find("#sename").val();        seMail = $this.find("#semail").val();        seStrasse = $this.find("#sestrasse").val();        seOrt = $this.find("#seort").val();        seTel = $this.find("#setelefon").val();        seAnzahl = $this.find("#seanzahl").val();                // EINGABEN VALIDIEREN                if (seSem1 == "false" && seSem2 == "false" && seVerh == "false") {            errorText += "Bitte wählen Sie eines der Seminare aus<br>";            error = true;        }        if (jQuery.trim(seVorname) == "") {            errorText += "Bitte geben Sie Ihren Vornamen ein<br>";            error = true;        }        if (jQuery.trim(seName) == "") {            errorText += "Bitte geben Sie Ihren Nachnamen ein<br>";            error = true;        }        if (jQuery.trim(seStrasse) == "") {            errorText += "Bitte geben Sie Ihre Straße & Nr. ein<br>";            error = true;        }        if (jQuery.trim(seOrt) == "") {            errorText += "Bitte geben Sie Ihre PLZ & Ort ein<br>";            error = true;        }        if (jQuery.trim(seTel) == "") {            errorText += "Bitte geben Sie Ihre Telefonnummer ein<br>";            error = true;        }        if (jQuery.trim(seAnzahl) == "") {            errorText += "Bitte geben Sie Ihre Teilnehmeranzahl ein<br>";            error = true;        }        if (jQuery.trim(seMail) == "" /*!validateMail(seMail)*/) {            errorText += "Bitte geben Sie eine gültige E-Mail Adresse ein<br>";            error = true;        }                // EINGABEN ABSCHICKEN                if (error == false) {            var data = {                sem1: seSem1,                sem2: seSem2,                verh: seVerh,                sex: seSex,                vorname: seVorname,                name: seName,                mail: seMail,                strasse: seStrasse,                ort: seOrt,                tel: seTel,                anzahl: seAnzahl            };                        jQuery.ajax({                type: "POST",                url: "http://immobilienpluswissen.de/seminar-mail.php",                data: data            })            .done(function(answer) {                if (answer == "true") {                    $this.css({ display: "none" });                    jQuery("#form-success").css({ display: "block" });                } else {                    gsSent = false;                }                //alert(answer);            });        } else {            $errorEl.css("display", "block");            $errorEl.find("p").html(errorText);        }    });        function validateMail(email) {         //var re = /^(([^<>()[].,;:s@"]+(.[^<>()[].,;:s@"]+)*)|(".+"))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;       // return re.test(email);    }        </script>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.236
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Formularbutton Schriftfarbe ändern Bloom

    Hallo,

    Was hast Du probiert und was genau funktioniert nicht?
    Code:
    INPUT.et_pb_contact_submit { color:#fff; }
    an der entsprechenden Stelle im CSS sollte ausreichen für die Farbe.
    Auf dem Screenshot ist der Button für mich mittig, es sei denn ich sehe das falsch...

    Gruß Arne

Ähnliche Themen

  1. Schriftfarbe bei MySpace ändern???
    Von xxxzuluxxx im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.02.2009, 02:07
  2. Schriftfarbe ändern
    Von OliverN26 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.02.2009, 13:46
  3. Wie kann ich die Schriftfarbe ändern ?
    Von Gast im Forum Webanwendungen - Webapplikationen
    Antworten: 7
    Letzter Beitrag: 02.07.2007, 00:51
  4. Schriftfarbe der Beiträge ändern...
    Von danimauserl2 im Forum Webanwendungen - Webapplikationen
    Antworten: 3
    Letzter Beitrag: 25.08.2006, 23:41
  5. Bei klicken Schriftfarbe ändern
    Von Mir nicht im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 21.03.2006, 13:10

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •