Gradient Farbverlauf bei Footer

Antworten
#1
06.06.2018 14:55
avatar  kvdnk
#1
kv
kvdnk

Hallo zusammen,

Ich würde gerne den Farbverlauf von aside.jtpl-sidebar.sidebar-options anpassen. Von rgb(22,23,67) zu rgb(50,36,150). Ich habe im Forum auch schon gesehen, dass jemand das selbe Problem hatte, jedoch funktioniert der Code bei mir nicht. Vermutlich ist es nur ein kleines detail.

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
aside.jtpl-sidebar.sidebar-options
{
background: rgb(22,23,67); /* Old browsers */
background: -moz-linear-gradient(top, rgb(22,23,67), rgb(50,36,150)); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(22,23,67), rgb(50,36,150)); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(22,23,67), rgb(50,36,150)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(22,23,67)', endColorstr='rgb(50,36,150)',GradientType=0 ); /* IE6-9 */
}
/*]]>*/
</style>
 



Hat jemand eine Idee?


 Antworten

 Beitrag melden
#2
06.06.2018 18:27 (zuletzt bearbeitet: 06.06.2018 18:28)
avatar  az_
#2
avatar
az_

...das sieht mir eigentlich nicht verkehrt aus. Ich benutze für Gradienten gern einen online-Generator, aber Dein script sieht erst mal nicht lasch aus. Evtl. benötigst Du ein !important; am Ende jeder Zeile. Probier das mal aus.

Sonst müsstest Du hier vielleicht einmal die URL (= Web-Adresse) der Seite posten, um die es geht

LG, az


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
#3
06.06.2018 19:29
avatar  Andre Konrad
#3
avatar
Andre Konrad

Die anzusprechende Klasse für die Sidebar ist (glaube ich) verkehrt.

Versuche es mal mit " .jtpl-sidebar{ "

Gruß,
Andre


 Antworten

 Beitrag melden
#4
06.06.2018 20:11
avatar  kvdnk
#4
kv
kvdnk

Funktioniert leider beides nicht.

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
aside.jtpl-sidebar.sidebar-options
{
background: rgb(22,23,67); /* Old browsers */ !important;
background: -moz-linear-gradient(top, rgb(22,23,67), rgb(50,36,150)); /* FF3.6-15 */ !important;
background: -webkit-linear-gradient(top, rgb(22,23,67), rgb(50,36,150)); /* Chrome10-25,Safari5.1-6 */ !important;
background: linear-gradient(to bottom, rgb(22,23,67), rgb(50,36,150)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(22,23,67)', endColorstr='rgb(50,36,150)',GradientType=0 ); /* IE6-9 */ !important;
}
/*]]>*/
</style>
 




Die URL ist https://www.blocksolution.io/


 Antworten

 Beitrag melden
#5
06.06.2018 21:41 (zuletzt bearbeitet: 06.06.2018 21:41)
avatar  kvdnk
#5
kv
kvdnk

Hat funktioniert. Der Code war richtig jedoch hatte ich im head noch ein zweiter code für den footer welcher den background ebenfalls geändert hat.

Vielen Dank euch


 Antworten

 Beitrag melden
#6
07.06.2018 13:06
avatar  az_
#6
avatar
az_

...grrrrreat! schreibst Du und noch die URL? *neugierig*

LG, az


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
#7
07.06.2018 13:07
avatar  az_
#7
avatar
az_

oh, hatte ich übersehen: Die URL ist https://www.blocksolution.io/


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
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!