Ausrichtung des Textes im Template anpassen

Ady70

Guten Morgen,

ich habe eine Frage wie ich die Text-Ausrichtung in meinem Template anpassen kann.
Tempale: SHK Corporate Version: 2.1.5 - Dies ist ein Child-Theme von Appointment.

Beispielseite

Und zwar möchte ich die Überschrift "Startseite" und den Text der Seite weiter nach links haben z.B. auf die Position des Header images.

Da ist sonst links so viel freier Raum.

Danke
andy70

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

maxe

du müsstest für die css class .container die width in den verschiedenen media-query verbreitern.

Ady70

Danke schön, schaue mal da ich die finde :)

Ady70

Hi,

ich habe alle Dateien inhaltlich durchsucht wordpress 5.1 und des installierten Templates.
In keiner Datei habe ich "class .container" gefunden.

Guß
andy70

SirEctor

Weißt du was CSS ist? Versuch mal das über Design - Customizer - Zusätzliches CSS

Code

@media (min-width: 1200px){
.container {
    width: 1387px; //Breite des Header-Bildes
    max-width: 100%;
}
}
@media (min-width: 992px){
.container {
    width: 100%;
}
}
@media (min-width: 768px){
.container {
    width: 100%;
}
}

Alles anzeigen

maxe

"class .container" kannst du so auch nicht finden.
Wie geschrieben, du musst bei dieser Klasse "container" über das Zusätzliche CSS die Breite für die verschiedenen media queries vergrößern.

Edit: @SirEctor war schneller

SirEctor

Hab gesehen, dass ich falsch auskommentiert habe und es steht in der falschen Reihenfolge. Teste besser so:

Code

@media (min-width: 768px){
.container {
    width: 100%;
}
}
@media (min-width: 992px){
.container {
    width: 100%;
}
}
@media (min-width: 1200px){
.container {
    width: 1387px;
    max-width: 100%;
}
}

Alles anzeigen

Ady70

Hi,

danke euch beiden, habe jetzt noch mal etwas n den Werten probiert und jetzt passt es besser.
odeer was sagt ihr ?

Gruß
andy70

SirEctor

Schau meine letzte Antwort. Im Code war ein Fehler meinerseits.

Ady70

Ja danke, jetzt passt es

SirEctor

Ich sehe den Code-Fehler immer noch und auch die Reihenfolge passt noch nicht. Was hast du genau ersetzt? Wenn du die 90% magst, schreib anstatt 1387px die 90% da rein. Aber so kannst du es nicht lassen ;)

Für mich persönlich sind 90% bei dir zu breit, da du kaum Inhalt hast.

Ady70

Ich habe es jetzt noch mal reinkopiert und veröffentlicht, jetzt shieht es anders aus.

Jetzt ist der Blaue Balken zu lang oder?

SirEctor

Du kannst mit dem Wert 1387px spielen bis es dir gefällt.

Der Balken war von Anfang an so lang.

Ady70

Guten Morgen,

ja das stimmt der war immer schon so lang, ich war nur der Meining wenn ich Bereich verkleinere mit dem Text, dann wird auch der blaue Balken mit kleiner.

Könte man das verknüpfen, so das die Breite immer identisch ist?
Vielleicht auch die Höhe etwas reduzieren

Vielen Dank
andy

Ady70

Hi,
ist erledigt, habe das hin bekommen, das der Balken schmaller wird

gruß
andy

Ady70

Hi SirEctor,
kann ich mit deiner Anpasssung auch die komplette Seitenbreite der Page anpassen?

SirEctor

Versuch das mal über body>* und max-width

Ady70

Danke

meinst so unter customer css

.body {width-max: 768px;}

SirEctor

Nein, lies genau was ich wie geschrieben habe. Dazu hilft evtl. auch ein bisschen Google

Ady70

Habe jetzt mal getestet, kann damit noch etwas rumspielen

Danke
andy70

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Ausrichtung des Textes im Template anpassen

Jetzt mitmachen!