Background-Color: 'Full-width'

  • Hallo zusammen,

    ich bin neu in diesem Forum, habe aber direkt eine Frage. Noch dazu bin ich ein absoluter Anfänger in Sachen HTML & CSS.

    Ich bin dabei einen Blog per WordPress aufzubauen:

    http://Http://www.cashcademy.de

    Ich habe hier zwei Startseiten angelegt:

    HOME:

    Die Hintergrundfarbe "indianred" wird über die volle Breite des Bildschirms gestreckt, da ich den 'site-inner' mit dem Attribut 'background-Color' eingefärbt habe. Mein Problem:

    Ich will diese Hintergrundfarbe nur für einen bestimmten Teil der Startseite. Ab einem gewissen Punkt soll die Standard- oder eine andere Farbe erscheinen. Das habe ich auf diese Weise nicht hinbekommen, also habe ich eine zweite Variante ausprobiert:

    HOME 2

    Hier habe ich den einzufärbenden Teil per HTML innerhalb einer Tabelle ausgegeben, welche eben die entsprechende Hintergrundfarbe hat.

    Problem hierbei: Links und rechts ist die Hintergrundfarbe weiß. Ich komm nicht weiter. Dafür kann ich eben unten weiterschreiben mit der normalen Hintergrundfarbe.

    Ich hoffe hier weiß jemand Rat und ist so nett, mir weiterzuhelfen.

    Gruß
    Kabopress

    1 + 1 ≠ 2

    • Anzeige

    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

  • Das scheint ein Kauftheme zu sein. Kannst du da nicht den Theme-autor fragen?
    Zudem erschließt sich mir nicht ganz was du willst. Vielleicht skizzierst du das mal kurz?
    Wenn du Streifen über die ganze Seite haben möchtest würde ich den .site-inner .wrap {background-color:red} und den footer {background-color:white} färben.
    Auf der zweiten Seite ist eine Tabelle in voller Länge. Ich dachte Tabellen wären als Designelement schon ausgestorben ;) aber ich lasse mich da natürlich gerne belehren.

  • Nunja, Du hast eine Schweinekohle für ein Theme/Framework von Studiopress ausgegeben. Damit dürfte es kein Problem sein.
    Ganz einfach: Nutze die endlose Theme-Dokumentation und den Theme-Support.

    Dateien vor Änderung sichern! Child-Theme oder Custom-CSS für Änderungen nutzen!

  • Ja tatsächlich ist auf der zweiten Seite eine Tabelle, hoffnungsloser Versuch meinerseits.

    Ja es handelt sich zwar um ein studiopress theme, nachdem ich aber meine Frage gestellt hatte, wurde mir gesagt, dass Dinge bzgl CSS etc. nicht Bestandteil des Supports sind.

    Ich möchte quasi verschiedenes Themen auf der Startseite mit einer entsprechenden Hintergrundfarbe voneinander trennen. Wenn man auf HOME oder HOME3 schaut, sieht man ungefähr, was ich meine.

    Also auf der ersten Seite (HOME) habe ich den .site-inner in indianred gefärbt per background-Color.
    Somit ist dann auch der komplette Hintergrund in der Farbe.

    Möchte ich nun eine box erstellen mit weißem Hintergrund, so liegt diese nur innerhalb des ".wrap".
    Wenn ich .wrap auf "Max-width:100%;" setze, zieht sich alles über die komplette breite, also auch der ganze Contest inklusive Header und Menü. Wenn ich dann mit Margin oder Padding korrigiere erscheinen die Ränder weiß.

    Bei HOME3 ist es zwar ansatzweise so wie ich das will. Allerdings ist das rote Element die .site-tagline und das Bild ist nicht responsive + ich krieg da keinen Text rein UND ich will ja mehrere solcher Elemente.

    Wisst ihr ungefähr was ich meine?

    Also quasi:

    1. Drittel (indianred)
    2. Drittel (weiß)
    3. drittel (indianred)
    Footer (andere Farbe)

    Und das jeweils über die komplette breite.

    1 + 1 ≠ 2

  • PS: Als blutiger Anfänger wusste ich mir im ersten Moment nicht anders zu helfen als Geld in die Hand zu nehmen und ein entsprechendes theme zu kaufen. Mir wird mehr und mehr bewusst, dass das auch anders geht. Aber wie gesagt, bin erst seit paar Wochen mit WordPress und überhaupt Seitenerstellung am werkeln und hatte vorher - leider - keine Berührung mit den Themen.
    Doch: Ich hab Mega Bock drauf und brauch nun mal etwas mehr Hilfe :-D

    1 + 1 ≠ 2

  • Die Entscheidung für Genesis und ein entsprechendes Theme ist nachvollziehbar. Das war vor Jahren auch mein erstes Framework/Theme, habe aber nie etwas damit umgesetzt.
    Das Problem ist, Du wirst hier vielleicht ewig warten müssen, bis Du jemanden findest, der sich damit auskennt.

    Daher würde ich Dir den Weg über Studiopress und deren FAQ und Forum empfehlen.

    Dateien vor Änderung sichern! Child-Theme oder Custom-CSS für Änderungen nutzen!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!