Beiträge von Laurak2805

  • Elementor Full Screen Bild

    Hallo Zusammen,

    ich bin gerade dabei meinen Header zu designen. Am Ende soll dieser transparent sein mit einem Full Screen Bild (drunter).

    Mein Problem ist das ich den Abschnitt mit dem Bild nicht an den oberen Rand gesetzt bekomme. Es bleibt immer eine weiße Lücke über was total doof aussieht. Ich hätte gerne das das Bild sozusagen Full Screen zu sehen ist und mein durchsichtiger Header über dem Bild/Abschnitt.

    Kann mir da jemand helfen oder hat ein passendes Youtube Video für mich?

    Ganz liebe Grüße,
    Laura

  • Mehrspaltiges Contact Form 7 mit Css Stylen

    Hab es jetzt nochmals anders porbiert...selbes Problem...
    Sobald ich im css "float: left" eingeben ist es nicht mehr möglich in die zwei linken Spalten etwas einzutragen.

    Formularvorlage:

    <p>
    <div class="form_half">
    Name [text your-name]
    E-Mail-Adresse [email* your-email]
    </div>
    <div class="form_half_last">
    PLZ und Wohnort [text your-plz]
    Telefonnummer [tel your-telefon]
    </div>
    <div class="name"><label> Name, Alter und (vermutete) Rasse des Hundes
    [textarea* your-subject] </label></div>
    <div class="train"><label> Beschreibung und Trainingsanfrage
    [textarea* your-message] </label></div>
    <p> [submit "Senden"] </p>

    CSS:

    .form_half {
    width: 49.5%;
    float: left;
    }
    .form_half_last {
    margin-right:0;
    }


    Woran liegt es??

  • Mehrspaltiges Contact Form 7 mit Css Stylen

    Hallo Zusammen,
    ich bin totaler Anfänger und absolut neu in dem Gebiet, weshalb ich eure Hilfe brauche. :D

    Ich habe ein mehrspaltiges Kontaktformular mit dem Contact Form 7 Plugin erstellt.
    Mein Problem ist, dass man bei "Name" und "Email" nichts mehr in das Textfeld eintragen kann. Das passiert sobald ich in Css meine linken Textfelder positioniere. Komischerweise funktionieren die rechten Textfelder einwandfrei. Betrifft nur die 2 linken.... Lasse ich das #left { width: 47%;float: left;margin-right: 6%; weg, kann man in die Textfelder wieder seine Daten eintragen.

    Hier mein Formularvorlage:

    <div class="clearfix">
    <div id="left">
    Name [text* first-name]
    E-mail-Adresse[email* your-email]
    </div>
    <div id"right">
    PLZ und Wohnort [text your-plz]
    Telefonnummer [text your-phone]
    </div>
    </div>
    Name, Alter und (vermutete) Rasse [textarea* your-subject]
    Trainingsanfrage und Beschreibung [textarea* your-message]
    [acceptance acceptance-535 id:acceptance] Ja, ich bin einverstanden... [/acceptance]
    <div class="buttons"><input type="submit" value="Senden"></div>

    CSS:
    /*--- 2 Column Form Styles Start ---*/
    #left {
    width: 47%;
    float: left;
    margin-right: 6%;
    }
    #right {
    width: 47%;
    float: left;
    }
    .clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
    }
    .clearfix {
    display:block;
    }
    input[type="submit"]{
    position: relative;
    top: 5px;
    left: 0px;
    border: 3px solid #333;
    background-color: #999;
    border-radius: 5px;
    padding: 10px 2em;
    font-weight: bold;
    color: #fff;

    }

    Vielen Lieben Dank im Vorraus!