Ocean WP - Hooverfarbe bei Beiträgen

  • Hallo,
    ich habe das Theme Ocean WP und finde die Möglichkeit nicht, wie ich in Beiträgen die Hoverfarbe der Überschriften ändern kann, das gleiche gilt auch für "Weiterlesen"
    Kann mir da jemand weiterhelfen?

    Danke schon mal :)

    • 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

  • Das geht z. B. per CSS. Aber dazu bräuchten wir einen Link zur Seite.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Versuche es damit über Design - Customizer - Zusätzliches CSS

    Code
    .blog-entry.post .blog-entry-header .entry-title a:hover, .blog-entry.post .blog-entry-readmore a:hover {
        color: #B03A00;
    }

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Besser (vielleicht), du versuchst es im Customizer - Allgemeiner Stil bei Linkfarbe, Farbe:Hover einzustellen ;).
    Die Frage dabei ist, ob und was sonst noch davon betroffen ist ....:rolleyes:

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (20. August 2020 um 14:56)

  • Hallo, vielen lieben Dank für eure Antworten!
    Leider klappt beides nicht :(
    Weder der angegebene Code im CSS noch die Einstellung bei Allgemeiner Stil (die ich auch schon längst so eingestellt hatte)

    Was könnte ich noch tun?

    Danke und liebe Grüße

  • Könnt ihr mir vielleicht auch noch sagen, wie der CSS Code für "Das könnte dir auch gefallen" lautet? Das ist ganz unten unter einem Bogbeitrag und auch hier habe ich dasselbe Problem mit der Hoverfarbe...

    Danke schon mal! :)

  • CSS
    .related-post-title a:hover {
    color: #b03a00 !important;
    }

    Um alle Links beim Hover in der Farbe erstrahlen zu lassen würde auch folgendes gehen:


    CSS
    a:hover {
    color: #b03a00 !important;
    }

    Schöner wäre es natürlich im Theme selbst die Einstellung zu machen, damit man nicht "unnötige" Css hat. Bei Fragen einfach Fragen :)

  • Ganz lieben Dank,
    mit dem zweiten Code habe ich es zuerst versucht, aber dann war auf einmal die Schrift in meinem Menu auch weg, aber mit dem ersten Code klappt es wunderbar! Vielen Dank!! :)

    Hätte tatsächlich noch ein paar Fragen, weiß aber nicht, ob die an dieser Stelle richtig sind oder ich da jedes Mal nochmal ein neues Thema eröffnen muss? (Sorry, ich bin neu hier)

    - Datenschutz in der Fußzeile, wie kriege ich das Feld weiter in die Mitte, sodass es nicht von Google Captcha verdeckt wird?
    - Lässt sich die Schriftart im Seitenteil anpassen, wenn ja wie? Gleiche gilt auch für das Hauptmenu. Eine Einstellung im Customizer habe ich hier nicht gefunden.
    - Ganz oben, in der obersten Zeile neben dem Facebook und Instagrambutton, wird der Mailbutton auch weiß, wenn man mit der Maus rübergeht, toll wäre, wenn das hier auch möglich wäre, dass es einfach so bleibt wie bei den anderen beiden Buttons...
    - Lässt sich die Hintergrundfarbe vom Hauptmenü an die Farbe direkt darunter und/oder den Fußbereich anpassen?

    Das wär es .... :oops: wäre echt ne große Hilfe!!

  • Gilt für die folgenden Codes - im Costomizer in die Zusätzlichen CSS
    - Datenschutz in der Fußzeile

    Code
    /*Footer Datenschutz weiter nach links*/
    #footer-bottom {
        padding-right: 220px;
    }

    Fortsetzung ;-)

    ...die Schriftparameter sind im Customizer im Punkt Typografie (Überraschung) für nahezu alle Möglichkeiten einstellbar, so auch für das Hauptmenü und den Seitenteil (Widgets)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (21. August 2020 um 18:51)

  • Mailbutton, wenn man mit der Maus rübergeht

    Code
    /*Mailbutton bei hover*/
    #top-bar-social li.oceanwp-email a:hover {
      color: #B03A00;
    }

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Code
    /*Mailbutton bei hover*/
    #top-bar-social li.oceanwp-email a:hover {
      color: #B03A00;
    }



    Der Code klappt leider nicht.

    Tausend Dank zu der Sache mit dem Datenschutz. Das mit der Typografie gucke ich mir gleich auch nochmal an...danke :) Hättest du auch noch einen Tipp zu Frage 4? :D

  • die Hintergrundfarbe vom Hauptmenü


    auch das ist im Customizer!
    unter Header - Allgemein - Menü Hintergrundfarbe

    .... und ja, das Theme kann schon eine Herausforderung sein, bezüglich Einstellungen!!!
    Auch ich muß suchen, und weiß das nicht auswendig - sonst würde ich mir mein Geld anders verdienen ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Wenn das mit dem Mailbutton nicht will, versuche den Holzhammer mit !important !!

    CSS
    /*Mailbutton bei hover*/
    #top-bar-social li.oceanwp-email a:hover {
      color: #B03A00 !important;
    }

    Auf meiner Testinstallation klappt es wunderbar, ohne Holzhammer!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Frage - ist das die erste Zeile in den Zusätzlichen CSS??

    /* General CSS */

    oder

    /* Full width button on the homepage */

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Die CSS-Datei mit dem [FONT=Courier New]/* General CSS */[/FONT] ist offensichtlich der Custom.css mit [FONT=Courier New]/* Full width button on the homepage */[/FONT] übergeordnet und dadurch ist !important offensichtlich erforderlich!
    Die Farbe des Mailbuttons ist z.B. in der ersten Anweisung enthalten - bei :hover color:#ffffff under vielen anderen!

    PS.: Ich nehme man an, die Datei mit dem [FONT=Courier New]/* General CSS */[/FONT] ist steht in direktem Zusammenhang mit den Einstellungen im Customizer!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Mit dem !important sollte man aber möglichst sparsam umgehen! - LINK
    siehe - [FONT=Courier New]Was überschreibt was – die Prioritäten in CSS Pkt.5).[/FONT]

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

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