-
Posts
-
Hallo,
ich bräuchte mal Hilfe bei einem “leicht” transparenten Hintergrund …Ich habe im streched Design einen Farb-Sektion mit einem Hintergrundbild erstellt.
Innerhalb der Farb-Sektion liegt ein Single Column Layout mit Hintergrundfarbe #ffffff in dem sich ein Textfeld befindet.Könnte man den Hintergrund der Single Column etwas transparent machen also so das das Hintergrundbild der Farb-Sektion “leicht” durchscheint ??
Danke vorab für Vorschläge …
nur so auf die Beschreibung hin ist das schierig, da es viele möglichkeiten gibt solche Columns zu setzen (equal height, no distance etc. pp) dann natürlich ob es generell geändert werden soll oder nur spezifisch für eine Colorsection etc.)
hier kannst du mal in einer Beispielinstallation sehen, wie ich es gemacht habe.
Am Besten man verpasst der Colorsection eine Custom Klasse (oder ID geht auch) siehe hierfür: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
dann kann man zB alle Columns unterhalb dieser color-section so ansprechen:http://webers-testseite.de/enf02/company
#top .customclass .av_one_full { background: rgba(0, 0, 0, 0.2) !important; } #top .customclass .flex_column_table > div { background: rgba(255, 255, 255, 0.9) !important; }siehe obere : du kannst natürlich auch einen dunklen Hintergrund wählen.
Hallo,
ja die Beispielseite sieht genau so aus wie ich mir das Ganze vorstelle !!!Hab jetzt laut Tutorial alles durchgeführt und das Tutorial mit dem “Darkborder” klappt auch wunderbar.
Mein custom class field heist jetzt zum Test immer noch “ktf-darkborder”Dann hab ich den Code per Quick CSS eingefügt mit:
#top .ktf-darkborder .av_one_full {
background: rgba(0, 0, 0, 0.2) !important;
}
#top .ktf-darkborder .flex_column_table > div {
background: rgba(255, 255, 255, 0.9) !important;
}zeigt keinerlei Änderung ?!?!
Hintergrund ist immer noch komplett auf #ffffff und nicht transparent, wenn ich den Hintergrund “leere” ist das Feld komplett durchsichtig.Hallo nochmal,
hab jetzt mal ein wenig getestet, wenn ich das ” .av_one_full ” weg lasse funktioniert es.
Wozu genau ist denn die zweite Zeile gedacht ?
#top .ktf-darkborder .flex_column_table > div {
background: rgba(255, 255, 255, 0.9) !important;
}das av_one_full war für meine Testseite – da ist der 1/1 container mit gemeint.
wenn du 1/3 1/3 1/3 hast legt Enfold eine Klasse “flex_column_table an.
alle dieser Klasse folgenden div werden dann geändert (denn normalerweise müßte man hier für jedes der 1/3 columns eine Anweisung machen.ich seh ja deine Seite nicht – daher eben nur Vermutungen.
@Guenni007
Vielen Dank!
@Frankmen
Schön, dass es jetzt funktioniert. Lass uns gerne in einem neuen Ticket wissen, wenn du wieder Unterstützung mit dem Theme benötigst.Lieben Gruß,
Andy
- The topic ‘Transparenter Hintergrund’ is closed to new replies.