Designanpassung im Theme i-transform

  • 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: http://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

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • 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.

  • 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 :-(

  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!