Support » Themes » CSS-Code: Farbänderung und Footertext (Theme Tortuga)

  • Gelöst manu1994

    (@manu1994)


    Hallo,

    ich habe im style.css nachgeschaut und dadurch das meiste auf meine Farbwünsche (von orange zu rot) anpassen können.
    Leider kriege ich es nicht hin, dass die Pfeile im Beitragsslider auch rot werden (bleiben orange). Ich kann den passenden Code dafür nicht finden, habe den orangenen Code in der kompletten style.css ausgetauscht…Auch in der mobilen Version werden die Menüstriche noch orange angezeigt.

    Kann mir jemand helfen?

    Außerdem noch eine Frage:

    Ich würde gerne den Text im Footer ändern. Habe schon gelesen, dass das im footer.php eingestellt werden muss.
    Kann mir hierzu auch jemand den Code sagen?

    http://www.tv-dresselndorf.de

    • Dieses Thema wurde geändert vor 6 Monaten, 4 Wochen von manu1994.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)
  • .post-slider-controls .zeeflex-direction-nav a {
        background: #f00;
    }

    Für die Änderungen im Footer kannst du das Plugin Code Snippets installieren und ein neues Code Snippet hinzufügen mit folgendem Inhalt:

    add_action( 'after_setup_theme', 'tortuga_footer' );
    function tortuga_footer() {
    	remove_action( 'tortuga_footer_text', 'tortuga_footer_text' );
    	add_action( 'tortuga_footer_text', 'tortuga_mein_footer_text' );
    }
    
    function tortuga_mein_footer_text() {
    ?>
    
      <span class="credit-link">
        Hier steht ein ganz anderer Text.
      </span>
    
    <?php
    }

    „Nur im Frontend ausführen“, speichern und aktivieren. Bei „Hier steht ein ganz anderer Text.“ fügst du ein, was du magst.

    Super, vielen Dank!

    Eine Frage noch zu der Farbänderung: In der mobilen Version wird der Hauptbutton vom Menü und der Streifen darunter noch in orange angezeigt…Klicke ich auf den Button, wird er rot.

    Hast du hierzu auch eine Lösung, dass beides direkt rot ist?

    LG

    Das dürfte die CSS-Klasse .main-navigation-toggle sein.

    @manu1994 Kennst du eigentlich die Entwickler-Tools deines Browsers?

    Wenn du CSS-Anpassungen vornehmen möchtest, klickst du mit der rechten Maustaste auf das gewünschte Element deiner Webseitem, im Kontextmenü auf (Element) untersuchen und siehst dann im Browser einen neuen Abschnitt, der in der linken Spalte das verwendete HTML dieses Elements und rechts die zugehörigen CSS-Regeln anzeigt. Hier kannst du gefahrlos ausprobieren, was passiert, wenn du CSS-Regeln änderst. Hast du die richtige Einstellung herausgefunden, kopierst du die CSS-Regel und fügst sie in WordPress im Customizer unter Zusätzliches CSS ein.

    Eine etwas ausführlichere Anleitung findest du hier: https://blog.kulturbanause.de/2018/03/die-chrome-entwicklertools-devtools-fuer-designer-und-einsteiger/

    Die CSS-Klasse habe ich gefunden, danke.
    Leider schaffe ich es nur, dass die Hintergrundfarbe rot wird, sobald ich mit dem Cursor auf dem Menü-Zeichen bin.

    .main-navigation-toggle:hover,
    .main-navigation-toggle:focus,
    .main-navigation-toggle:active {
    background: #ff0000;
    cursor: pointer;
    }

    Welchen Code brauche ich, damit er auch ohne Cursor rot ist?

    .main-navigation-toggle,
    .main-navigation-toggle:hover,
    .main-navigation-toggle:focus,
    .main-navigation-toggle:active {
    background: #ff0000;
    cursor: pointer;
    }

    Vielen Dank!!

    Das (wirklich letzte) was jetzt noch fehlt ist der orange „Strich“ in der mobilen Version, sobald man auf das Menü klickt.

    Für die Version am PC/Laptop habe ich es mit dem Code geschafft:

    .primary-navigation-wrap {
    border-bottom: 5px solid #ff0000;
    background: rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 0 rgba(0,0,0, 0.05);
    color: #fff;
    }

    Leider finde ich nicht den richtigen Code für die mobile Version.
    Tut mir Leid für meine Ahnungslosigkeit, ich bin ganz neu…

    In den Entwickler-Tools des Browsers kann auch eine Darstellung in mobilen Endgeräten simuliert werden. Dafür gibt es ein Icon mit einem Smartphone/Tablet.

    @media only screen and (max-width: 60em) {
    .main-navigation-menu {
    		border-top: 5px solid #f00;
    }
    }

    Grundsätzlich möchten wir hier Hilfe zur Selbsthilfe leisten und nicht unbezahlte Dienstleister sein. Bitte keine weiteren Fragen zu CSS-Änderungen – du solltest inzwischen wissen, wie es geht.

    Ich versuche mich noch etwas mehr in die Entwickler-Tools einzulesen.

    Danke euch für die Hilfe!

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)
  • Das Thema „CSS-Code: Farbänderung und Footertext (Theme Tortuga)“ ist für neue Antworten geschlossen.