1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Designanpassung im Theme i-transform

Dieses Thema im Forum "Design" wurde erstellt von chiara34, 9. Februar 2017.

Schlagworte:
  1. chiara34

    chiara34 Well-Known Member

    Registriert seit:
    15. Oktober 2006
    Beiträge:
    217
    Zustimmungen:
    1
    Im kostenlosen Theme i-transform kann man die Farbe des Themes mittels RGB-Code ändern, leider übernimmt er diese nicht für alle Teile des Themes. Beim Support des Themes findet man auch keine Lösung. Weiß hier jemand Rat?

    Zu sehen hier: www.webblueten.de

    Auf der Startseite ist alles schön "orange", geht man allerdings auf eine Unterseite, wie z.B. in die Kategorien (http://www.webblueten.de/category/fotografie/) erscheint oben der blaue Balken. Dieser soll natürlich auch orange sein.

    Hoffe auf Hilfe :)

    LG Chia
     
  2. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Du kannst die Eigenschaft für die Klasse "iheader" anpassen.
     
  3. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    P. S. Wie hast Du die Farbe definiert? Im Customizer sollte sie sich unter "Layout Options" mit der Option "Primary Color" für alle Seiten festlegen lassen.
     
  4. chiara34

    chiara34 Well-Known Member

    Registriert seit:
    15. Oktober 2006
    Beiträge:
    217
    Zustimmungen:
    1
    Ashampoo_Snap_2017.02.09_15h41m45s_001_.jpg

    So habe ich es eingestellt, leider gibt es keine Möglichkeit die Farbe für alle zu übernehmen. Die eingetragene Farbe wird für den Slider und die Links übernommen, nicht für die Seiten (der blaue Balken).

    Habe bereits in der CSS den i.header versucht "umzufärben" funktioniert leider nicht :(
     
  5. chiara34

    chiara34 Well-Known Member

    Registriert seit:
    15. Oktober 2006
    Beiträge:
    217
    Zustimmungen:
    1
    In der CSS schaut der iheader wie folgt aus:

    .iheader {
    display: block;
    height: 100px;
    width: 100%;
    text-align: center;
    background-color: #3787be;
    background: rgba(31,118,176,1);
    background: -moz-linear-gradient(top, rgba(31,118,176,1) 0%, rgba(55,136,190,1) 30%, rgba(55,136,190,1) 69%, rgba(31,118,176,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,118,176,1)), color-stop(30%, rgba(55,136,190,1)), color-stop(69%, rgba(55,136,190,1)), color-stop(100%, rgba(31,118,176,1)));
    background: -webkit-linear-gradient(top, rgba(31,118,176,1) 0%, rgba(55,136,190,1) 30%, rgba(55,136,190,1) 69%, rgba(31,118,176,1) 100%);
    background: -o-linear-gradient(top, rgba(31,118,176,1) 0%, rgba(55,136,190,1) 30%, rgba(55,136,190,1) 69%, rgba(31,118,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(31,118,176,1) 0%, rgba(55,136,190,1) 30%, rgba(55,136,190,1) 69%, rgba(31,118,176,1) 100%);
    background: linear-gradient(to bottom, rgba(31,118,176,1) 0%, rgba(55,136,190,1) 30%, rgba(55,136,190,1) 69%, rgba(31,118,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f76b0', endColorstr='#1f76b0', GradientType=0 );

    die Hintergrundfarbe hatte ich auf das Orange gestellt funktionierte nicht, jedoch mit den vielen rgba Angaben find ich das sehr verwirrend.
     
  6. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Gib einmal das im Customizer unter "Zusätzliches CSS" ein:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. chiara34

    chiara34 Well-Known Member

    Registriert seit:
    15. Oktober 2006
    Beiträge:
    217
    Zustimmungen:
    1
    Leider nein, passiert nix :(
     
  8. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Geht bei meiner Testinstallation...

    Versuche es einmal mit:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  9. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    ist orange bei mir... mal browser cash leeren ,)
     
  10. chiara34

    chiara34 Well-Known Member

    Registriert seit:
    15. Oktober 2006
    Beiträge:
    217
    Zustimmungen:
    1
    Juchuuuu :) Daaaaaaaaanke dir :) Es hat funktioniert :) !!!

    Hab ein schönes Wochenende :)
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden