Design Stockholm Textblock mit full-width Farbe hinterlegen

16.06.2022 12:22
avatar  Jools
#1
Jo

Hallo,
ich will schon so lange einen Textblock mit einem farbigen Hintergrund erstellen, der über die ganze Seite geht, also Fullwidth.
Habe nach langem Suchen folgendes gefunden, dass ich direkt im html einfügen kann:

<div style="background-color: #d5dd39; margin: 0 -500%; padding: 0 500% !important;">

Das geht definitiv in die richtige Richtung, aber macht ein bisschen zu sehr fullwidth... jetzt kann man ewig nach rechts scrollen... und das geht natürlich überhaupt nicht.

Kann jemand helfen?

Webseite: gleichgewicht-hypnose.de

Vielen lieben Dank

Julia


 Antworten

 Beitrag melden
19.06.2022 11:54
avatar  az_
#2
avatar
az_

Hallo Julia,
Das ist auch nicht ganz so einfach. Du musst nämlich auf der einen Seite den ganzen Container fullwidth machen, und dann einen weiteren Container mit 100% Breite da hinein setzen. Das geht nur mit einem jQuery Skript.

Weil das so kompliziert ist, habe ich dafür extra ein Widget erstellt. Mit diesem kannst du alle möglichen Elemente (und auch Spaltenelemente) im Creator auf die volle Breite setzen und eigene Hintergründe dafür definieren.
Wenn dich das interessiert, schreib mich an. (Email)
Hier findest du eine Beispiel Seite dafür: https://redesign-malaga.jimdofree.com/fu...s/backgrounds1/


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
19.06.2022 14:26
avatar  Jools
#3
Jo

oh das sieht toll aus... ich schreibe dir gleich.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!