Hauptproblem Abstand bei Kontaktformulare

shorty673

Hallo zusammen,

ich bin neu was das Thema WP betrifft.
Ich bin mir sicher es gibt schon passende Antworten auf meine Fragen nur leider habe ich nichts gefunden.
vorab ich benutze WP3.8

1. Abstand in Kontaktformular (Plugin: Contact Form 7)
ich hätte gerne eine anrodnung der texte links am Seitenrand und die ganzen Felder in einer Linie rechts daneben (würd bei Word z.B. Tab nehmen) ich habe es schon mir margin versucht bin aber leider nicht auf das passende Ergebniss gekommen.
Hier der "code"

PHP

Sie suchen einen Job als: [select* Jobals "Bitte auswählen..." "Barkeeper/in" "Türsterher/in" "Garderobenkraft" "Runner (Tellerwäscher/in Gläsersammler/in)" "Fotograf"]




Geschlecht: [checkbox* Geschlecht exclusive"Männlich" "Weiblich"]


Alter: [text* Alter]


Erfahrungen in diesem Job: [select* Erfahrung "Bitte auswählen..." "Wäre das erste mal" "Ich durfte einmal Probearbeiten" "Ich durfte einmal kurz gearbeitet" "Ich bringe große Erfahrung mit"]


Name: [text* Name]


Vorname: [text* Vorname]


Straße/Hausnr.: [text* Strasse]


PLZ,Ort: [text* Ort]


Telefon: [text* Telefon]


E-Mail: [text* email]


Deine Nachricht an uns: 
[textarea* Nachricht]


[captchac captcha-917]
[captchar captcha-917]


<p>[submit "Senden"]</p>

Alles anzeigen

schade dass hier kein SPoiler funktioniert, also weder html noch bb-code

2. Wie kanne ich die Überschrift der Seite unterschiedlich zum Menü Namen machen? Wenn ich jetzt z.B. im Menü auf Kontakt klicke, dass z.B. als Überschrift Blablabla steht.

3. Wie kann ich für jede Seite die man aufruft, einen eigenen Hintergund machen? bzw. ein Eigense Hintergundbild?

ich hoffe ihr könnt mir helfen

MfG
Max

Werbepost

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

j-automorphose

Zu 1.) schau dir mal den CSS Befehl float an, bzw. arbeite im Formular mir <legend> anstatt mit <p>, wenn das geht.

zu 2.) du kannst im Backend unter Design auch Menüs anlegen und verändern. Hier kannst du dem Link einen bestimmten Namen geben, der nicht gleich dem der Seite sein muss. Andersherum müsstest du ein extra Template für die jeweilige Seite anlegen und den Titel hart kodieren und nicht dynamisch von WordPress ausgeben lassen.

zu. 3) auch hier musst du ein Template für die jeweilige Seite erstellen und unter Seite bearbeiten -> Template dieses für die jeweilige Seite einstellen.

shorty673

herzlichen Dank schonmal.

1.also zu dem Abstand, da stelle ich mich wohl ein bisschen an. habe das vorerst so gelöst, wäre aber über weiter hilfe sehr froh

HTML

Sie suchen einen Job als: 
<div style="position:absolute;  top: 302px; right:400px;"><br>
<img src="[select* Jobals "Bitte auswählen..." "Barkeeper/in" "Türsteher/in" "Garderobenkraft" "Runner (Tellerwäscher/in Gläsersammler/in)" "Fotograf/in"]</div>

und das halt so nach untern weiter, wird halt ein haufen Arbeit, das ganze mal zu ändern.

2. ich denke mal ich muss diese Zeile löschen (firebug)

HTML

<h1 class="entry-title post-title">Anfahrt</h1>

ich habe jetzt in Design->Editor->style.css oder ist das falsch? (benutze responsive)

Neuer Punkt) als nächstes hätte ich gerne die Bilder von NextGen Gallery in einem Widget mit einer verlinkung zu der Seite und eine Slideshow, ich habe sowohl die Slideshow ohne link und auch den link ohne slideshow reinbekommen, aber noch nichts zusammen :D

Danke schonmal für eure Hilfe

MfG
Max

Gerd-E.

Hi Max,

schau dir für das CF7 dieses Plugin mal an -> http://wordpress.org/support/plugin…rm-7-customizer

j-automorphose

zu 2.) mit der style.css kannst du nur das Aussehen des <h1>-Tags ändern.
Was du machen musst, ist die page.php aus deinem Theme Ordner bearbeiten. Dort gibt es die Zeile

PHP

<h1><?php the_title(); ?></h1>

, die musst du löschen, damit der Titel nicht mehr angezeigt wird.

shorty673

@Gerd-E. Danke für das Plugin, werde das jetzt auch hernehemn, da es schon einige nützliche Spilereien hat, nur leider habe ich keine Einstellung gefunden, der mir sagt, dass alle Textfelder z.b. 400px vom linken Rand entfernt sind, so dass sie untereinander sind.

j-automorphose tut mir leid, aber anscheinend stell ich mich echt zu blöd an, finde die Zeile einfach ned.
Hier mal die page.php

PHP

<?php


// Exit if accessed directly
if( !defined( 'ABSPATH' ) ) {
    exit;
}


/**
 * Pages Template
 *
 *
 * @file           page.php
 * @package        Responsive
 * @author         Emil Uzelac
 * @copyright      2003 - 2013 ThemeID
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/themes/responsive/page.php
 * @link           http://codex.wordpress.org/Theme_Development#Pages_.28page.php.29
 * @since          available since Release 1.0
 */


get_header(); ?>


<div id="content" class="<?php echo implode( ' ', responsive_get_content_classes() ); ?>">


    <?php if( have_posts() ) : ?>


        <?php while( have_posts() ) : the_post(); ?>


            <?php get_template_part( 'loop-header' ); ?>


            <?php responsive_entry_before(); ?>
            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                <?php responsive_entry_top(); ?>


                <?php get_template_part( 'post-meta-page' ); ?>


                <div class="post-entry">
                    <?php the_content( __( 'Read more ›', 'responsive' ) ); ?>
                    <?php wp_link_pages( array( 'before' => '<div class="pagination">' . __( 'Pages:', 'responsive' ), 'after' => '</div>' ) ); ?>
                </div>
                <!-- end of .post-entry -->


                <?php get_template_part( 'post-data' ); ?>


                <?php responsive_entry_bottom(); ?>
            </div><!-- end of #post-<?php the_ID(); ?> -->
            <?php responsive_entry_after(); ?>


            <?php responsive_comments_before(); ?>
            <?php comments_template( '', true ); ?>
            <?php responsive_comments_after(); ?>


        <?php
        endwhile;


        get_template_part( 'loop-nav' );


    else :


        get_template_part( 'loop-no-posts' );


    endif;
    ?>


</div><!-- end of #content -->


<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

shorty673

okay hat sich alles erledigt,bis auf den Abstand im Kontaktformular

Und jetzt bräuchte ich hilfe bei einem Farbverlauf ich hätte gerne oben schwarz und nach unten hin rot (Schriftfarbe).

Es geht um Folgende Thumbnail

PHP

}
.hentry .thumbnail-title {
    color: #fff;
    font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-style: italic;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
        top: 50%;
        left: 50%;
    text-align: center;
    text-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    word-wrap: break-word;
    width: 180px;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hauptproblem Abstand bei Kontaktformulare

Jetzt mitmachen!