Wo ist die Datei, die ich ändern muss zum anpassen einer einzelnen Seite?

vaporizzle

Hallo Liebe Community,

folgendes Anliegen. Im Unterpunkt Anfaht und Unterpunkt Kontakt würde ich die Plugins gern zentrieren.
Mit Firebug hatte ich das auch soweit hinbekommen, allerdings ist jetzt meine Frage, welche Datei ich jetzt ändern muss? Ist ja nicht die normale style.css ,oder?

Liebe Grüße

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

pixselig

Hallo
Also Angaben zum Layout/Design der Seite werden mittels CSS meist in der style.css gemacht. Vorzugsweise aber in der des Child-Themes damit die Änderungen nach einem Update nicht verloren gehen.
LG

Gerd-E.

Hallo vaporizzle,

ohne einen Link zu deiner Seite hilft da nicht mal die berühmte Glaskugel weiter;-)

vaporizzle

Entschuldigt bitte. Es ist noch früh am Morgen! :)

http://vaporizzle.bplaced.net/wordpress_36-de/wordpress/

pixselig

Reicht es einfach wenn ich meine Style.css bei mir auf dem Rechner sicher. Sollte ja auch gehen ,oder?

Könnt ihr mir auch gleich sagen, wie ich die gesamte Schriftgröße des Context etwas verkleinern kann? .post.entry finde ich leider nicht! :(

Gerd-E.

Die Schriftgröße ist ab Zeile 471 in der style.css deines Themes definiert

Code

#content, #content input, #content textarea {


    color: #333333;
    font-size: 14px;
    line-height: 24px;




}

Alles anzeigen

Zum Zentrieren: Wenn du mehrere Seiten zentriert darstellen willst, würde ich dafür ein neues Seiten-Template erstellen.

Wie hast du es im Firbug gemacht?

vaporizzle

Das hier wäre das, was ich ändern müsste. Wenn ich nur wüsste wo!^^

Zitat

<div id="map_canvas1" class="google_map_canvas" style="overflow: hidden; width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); margin: auto;">

Gerd-E.

Das stellt dir Google dynamisch zur Verfügung, das sind Änderungen schlecht möglich.

vaporizzle

Das ist das Google Routenplaner Plugin.

Zitat

.google_map_canvas{
margin: auto;
}

Stimmt das jetzt nicht so?

text-align: center;

klappt auch nicht! :(

Die Anwendung selbst des Routenplaners sagt:

Klassen
Um alle Karten auf Ihrer Seite zu verändern können Sie die folgenden Klassen verwenden:

google_map_controls (Der Bereich mit den Eingabefeldern)
google_map_canvas (Die Karte selbst)
google_map_directions (Die Fahranweisungen unterhalb der Karte)

Gerd-E.

Für das Kontaktformular nutze ich das Plugin Contact Form 7 von Takayuki Miyoshi, das konnte ich bisher recht gut anpassen.

vaporizzle

Danke.
Eventuell jetzt eine Idee zur Google Sache?

Gerd-E.

Die Idee habe ich schon: Anstelle bei jeder Seite neu beginnen zu fummeln, würde ich ein neues Seiten-Template erstellen, welches den Inhalt zentriert ausgibt. Das macht zwar auchetwas Arbeit, allerdings nur einmalig;-)

Monika

du könntest einen Container drumherum geben und versuchen diesen zu zentrieren,
das von Google kann man selbst nicht oder garnicht ändern, soweit ich informiert bin,

vaporizzle

Cool wäre ein komplett neues Stylesheet, wo ich einfach nur das align auf center stelle und gut. Das meinst du doch sicher mit einem 2. Template oder? Wie kann ich das am besten umsetzen?

Gerd-E.

Ja, genau das meine ich;-)

Das Twenty Ten hat schon ein zweites Seitentemplate: onecolumn-page.php

Für dein neues Seitentemplate kopierst du die page.php deines Themes und gibst dieser Datei eine neue Bezeichnung z.B. page-center.php.

Der Inhalt könnte so aussehen

PHP

<?php
/**
 * Template Name: Seite zentriert.
 *
 * Dieses Template stellt Inhalte zentriert dar.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */


get_header(); ?>


        <div id="container">
            <div id="content-center" role="main">


            <?php
            /* Run the loop to output the page.
             * If you want to overload this in a child theme then include a file
             * called loop-page.php and that will be used instead.
             */
            get_template_part( 'loop', 'page' );
            ?>


            </div><!-- #content -->
        </div><!-- #container -->


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

Alles anzeigen

Jetzt musst du noch das CSS dafür definieren, diese sprichst du mit der id="content-center" an. Z.B.

Code

#content-center, #content-center input, #content-center textarea {
    color: #333333;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}


#content-center {
    margin-bottom: 36px;
}

Alles anzeigen

Diese fügst du am Ende deiner style.css ein. Günstig wäre ein Child-Theme, damit bei einem Theme-Update die Veränderungen erhalten bleiben.

Dein neues Seitentemplate musst du noch in deinen Themeordner hochladen und kannst dann bei Seite bearbeiten rechts unter Attribute Template dein Template auswählen und testen.

Sicher ist das nicht perfekt, es soll dir die Richtung aufzeigen ;-)

vaporizzle

Danke Gerd. Wie immer eine große Hilfe. :)

mfitzen

Warum nicht einfach

Code

.ufo-form{text-align: center;}
#map_controls1 {text-align: center;}

??? Die Dinger haben doch eindeutige Klassen/IDs?!

vaporizzle

Zitat von infected
Warum nicht einfach
Code
.ufo-form{text-align: center;}
#map_controls1 {text-align: center;}
??? Die Dinger haben doch eindeutige Klassen/IDs?!

Also! Laut dem Plugin wird folgendes gesagt:

Zitat

Klassen
Um alle Karten auf Ihrer Seite zu verändern können Sie die folgenden Klassen verwenden:

google_map_controls (Der Bereich mit den Eingabefeldern)
google_map_canvas (Die Karte selbst)
google_map_directions (Die Fahranweisungen unterhalb der Karte)

also im css eigentlich

.google_map_canvas {
DEINE CODIERUNG
}

Oder?

____

Edit!

Karte ist zentriert. Juhu. Jetzt nur noch die Controlls, also die Eingabe-Felder.

.google_map_controls {text-align: center;}

Funzt nicht! :(

Code

.google_map_cans {
                text-align: center;
    }
    .google_map_controls {
                text-align: center;
    }

Wo liegt der Fehler?

mfitzen

Ja auch... Einfach mal obigen Code in Deine CSS Datei einfügen und schauen... Wobei ich da vielleicht nicht mit Klassen sondern den IDs arbeiten würde (also so wie von mir geposted). Nimmst Du die Klassen, dann wirkt sich das auch auf andere eingebundene Karten etc aus. Das ist ja vielleicht nicht überall erwünscht.

vaporizzle

Karte ist zentriert. Juhu. Jetzt nur noch die Controlls, also die Eingabe-Felder.

.google_map_controls {text-align: center;}

Funzt nicht! :sad:

Code

.google_map_cans {
                text-align: center;
    }
    .google_map_controls {
                text-align: center;
    }

Wo liegt der Fehler?

mfitzen

Code

.google_map_controls {
                text-align: center;
    }

Geht auch bei mir. Nimm doch einfach mal meinen Code...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wo ist die Datei, die ich ändern muss zum anpassen einer einzelnen Seite?

Jetzt mitmachen!