1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hintergrundfarbe Abschnittweise auf der Home-Seite ändern

Dieses Thema im Forum "Design" wurde erstellt von V1L, 4. Februar 2019.

  1. V1L

    V1L Member

    Registriert seit:
    4. November 2018
    Beiträge:
    15
    Zustimmungen:
    0
    Hallo zusammen,
    ich baue derzeit eine neue eigene Website und hoffe hier auf den richtigen Denkanstoß.

    Ich möchte die Startseite (OnePager) grundsätzlich frei gestalten, daher habe ich das Standart-Template als Vorlage gewählt, keine Sitebar.
    Der Content-Bereich war zentriert, so dass rechts und links des Textbereiches die Bodyfarbe zum Vorschein kam.
    Ich konnte schon erfolgreich in der Style.css den .contenct-container auf 100% Strecken, so dass jetzt nur noch Textbereich mit der Hintergrundfarbe weiß ist.

    Ich würde den weißen Hintergrund gerne in mehrere Farbliche Bereiche unterteilen, über die Komplette Seite.
    Per CSS ein DIV hat nicht zum erfolg geführt, da ich (wegen Padding) einen gewissen Abstand zur Seite habe, was ja auch Sinn macht.
    Nun stehe ich aber auf dem Schlauch, an welcher Stelle könnte ich quasi dem .page-content in verschiedene Bereiche unterteilen, um dort jeweils die Farbe zu ändern?
    Hat jemand einen Tipp, an welcher Stelle ich suchen muss? In der Style.css finde ich den Abschnitt .page-content mit einem Farbwert, aber wie könnte ich verschiedene Bereiche erzeugen?

    Ich bin kein Profi in CSS, daher muss ich mir das langsam aneignen.

    Als Beispiel, wie ich es mir vorstelle, anbei ein Screenshot einer x-beliebigen Seite:
    upload_2019-2-4_20-36-53.png

    Ich freue mich, wenn mir jemand etwas unter die Arme greifft :)

    EDIT: Das Thema ist Oneline-Lite

    Viele Grüße

    Tim
     
    #1 V1L, 4. Februar 2019
    Zuletzt bearbeitet: 4. Februar 2019
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    2.749
    Zustimmungen:
    454
    Das ist grundsätzlich NICHT sehr gut! Änderungen in den originalen Files werden beim nächsten Update überschrieben! Dann sind deine mühevoll gemachten Anpassungen Geschichte :eek::oops::mad:

    CSS Änderungen werden in die Zusätzlichen CSS eingefügt! Diese findest du meist im Dashboard unter Design - Customizer.
    Wenn du und nun einen Link zu deiner Baustelle gibst können wir uns ansehen was du genau willst.

    Im Demo des Themes sind wechselweise Abschnitte mit einem dunkeln Hintergrund und dazwischen eben weißer Hintergrund. Der weiße Hintergrund besteht aus 3 Teilen - z.B. bei Our Services der obere Teil - .service-wrapper .svg-top-container { fill: #fff;}

    Zu finden (mit dem Firefox) Maus rechts unter das Bild - rechte Maustaste drücken "Element untersuchen auswählen - siehe unten ;)

    upload_2019-2-7_16-47-2.png
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden