Tagged: background color, LayerSlider
-
AuthorPosts
-
January 10, 2017 at 9:24 am #731467
Hallo
Ich versuche *ausserhalb* (links und rechts) des LayerSliders eine Farbe zu definieren, sodass ich nicht weiss, sondern Rot als fortlaufenden Balken habe (s. http://wmdwf.aebli.org/buch-dvd/). Die Seite ist mit “stretched Layout, 1130px” definiert.Was muss ich bei den Slider Settings machen, damit ich den weissen Rand auf eine Farbe ändern kann – analog z.B. zum (hier grauen) Footer?
Danke und Gruss
DominikJanuary 10, 2017 at 6:33 pm #731670Hey aebli,
kannst du uns eine Skizze zeigen mit dem Ergebnis wie du es haben möchtest? mir ist unklar was du genau erreichen möchtest. Bitte nutze imgur.com oder Dropbox.
Gruß,
AndyJanuary 17, 2017 at 11:43 am #734654Hi Andy, vielen Dank
ich möchte, dass der rote Balken im HiGru durchgezogen ist; siehe: https://dl.dropboxusercontent.com/u/90685913/aebli-layerslider-hg-durchgezogen.jpgVielen Dank und Gruss
DominikJanuary 18, 2017 at 6:37 pm #735470Hi,
wenn du im Backend den jeweiligen Layer öffnest, klicke auf “Style”. Dort kannst du dann die Werte “width” etc eingeben, um es breiter zu haben als bisher. Du kannst dort Prozentwerte angeben, z.B. “110%”.
Gruß,
AndyJanuary 19, 2017 at 9:45 am #735753Hi Andy
Das ist nicht der Wert, der zum “Ziel” führt. Die Seite an sich ist auf “stretched” ausgelegt (1130px). Der Slider kann somit 100% oder max. 1130px Breite einnehmen. Ich möchte aber die rote Background-Farbe bis an den Bildschirm-Rand sehen, nicht nur bis an den Inhalts-Rand. Aanalog dem FOOTER, der ja von “Enfold” kommt (siehe http://wmdwf.aebli.org/) und auch bis an den Screenrand geht.
Vielen Dank für deine HilfeGruss
Dominik- This reply was modified 7 years, 10 months ago by aebli.
January 20, 2017 at 12:29 pm #736374Hi,
scheint du hast es hinbekommen, denn nun ist es bis zum Bildschirm-Rand rot: http://i.imgur.com/60M89DZ.png
Lieben Gruß,
AndyJanuary 23, 2017 at 8:16 am #737144Hi Andy
Nicht ganz gelöst – ich möchte weiterhin, dass sich der Inhalt (Text und Bilder, diese Skizzen) nur im mittleren Bereich und bis max. 1130px Breite responsive verhalten, der rote Balken aber immerwährend bis an den Bildschirmrand laufen. Analog dem WP-Footer. Die jetzige Lösung, die ich online habe, skaliert den Inhalt immer auf die gesamte Bildschirmgrösse (viel zu gross…)January 26, 2017 at 5:06 pm #739035Hi,
ich weiß leider nicht was du meinst und was du erreichen möchtest. Für mich schaut deine Website nun gut aus. Kannst du uns bitte Screenshots zeigen wo zu sehen ist wo der Fehler ist und was du stattdessen haben möchtest?
Gruß,
AndyJanuary 27, 2017 at 8:19 am #739259Hallo Andy
Ich weiss, ist etwas kompliziert beschrieben. Ich gebe mich mit der jetzigen Lösung zufrieden ;) Sorry für die Umstände.
Da ich das LayerSlider-Verhalten nur besser kenne, kann ich es besser erklären:
Der Slider ist momtenan auf 1130px Breite definiert. Bis dato hatte ich die Max-Width nicht definiert, sodass der Slider bis an den Bildschirmrand angezeigt wurde. Wenn ich nun, wie momentan online, die Max-Width auch auf 1130px stelle, endet der Slider entsprechend (es wird ein Slider von 1130px angezeigt, logisch), aber ich möchte den restlichen Weissraum links und rechts vom Slider dennoch mit einer Farbe/Hintergrundfarbe haben (in meinem Fall naheliegen das Weinrot des Sliders). Siehe http://wmdwf.aebli.org/Wenn ich den Quellcode anschaue, würde es so funktionieren:
IST: <div class=”ls-wp-fullwidth-container” style=”height:150px;”>
SOLL: <div class=”ls-wp-fullwidth-container” style=”height:150px; background-color: rgb(168,16,16)”>Jedoch wäre das wohl eine Anpassung im Enfold-CSS, richtig?
Im Quick-CSS-Feld weiss ich aber nicht, wie ich dieses DIV erreiche.
Gruss
Dominik- This reply was modified 7 years, 9 months ago by aebli.
January 27, 2017 at 8:44 am #739269Ich habe es geschafft, mit Quick-CSS im Enfold-Bereich:
.ls-wp-fullwidth-container {
background-color: rgb(168, 16, 16) }Gruss und danke für die Geduld
DominikJanuary 27, 2017 at 8:30 pm #739554Hi,
super, dass du es hinbekommen hast. Lass uns gerne in einem neuen Ticket wissen, wenn du wieder Hilfe brauchst mit dem Theme. Wir unterstützen dich gerne.
Gruß,
Andy -
AuthorPosts
- The topic ‘Background Color (Enfold) using LayerSlider’ is closed to new replies.