• Gelöst aleferoc

    (@aleferoc)


    Guten Tag

    Wie kann ich die Hover-Farbe (also wenn ich über den Titel im Slider-Kasten und über den Titel bei der Theme Option „Service“ mit der Maus fahre) ändern?
    Jetzt ist die Farbe blau.
    Ich möchte nicht blau, sondern die gleiche Farbe (goldig) haben, wie sie ersichtlich ist. Also keine Farbänderung bei active und hover.

    Besten Dank für eure Hilfe.

    Grüsse, Eveline

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

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Theme sieht dafür keine Einstellungsmöglichkeit vor. Das bedeutet, dass du die Änderung nur mit eigenen CSS-Regeln hinbekommst, die du im Stylesheet eines Child-Themes oder im Customizer unter Zusätzliches CSS eintragen kannst. Der Eintrag im Customizer ist nicht so aufwendig, aber etwas unübersichtlicher.

    Im Moment verwendet das Theme folgende CSS-Regel, mit der die Farbe des Titels bei Mauszeigerkontakt in blau erscheint:

    a:hover, 
    a:focus, 
    a:active, 
    .menu-toggle:hover, 
    .menu-toggle:focus,
     .menu-toggle.toggled-on,
     .menu-toggle.toggled-on:hover,
     .menu-toggle.toggled-on:focus,
     .header-top-menu-enabled #header-navigation-area .menu-toggle:hover,
     .header-top-menu-enabled #header-navigation-area .menu-toggle:focus,
     .header-top-menu-enabled #header-navigation-area .dropdown-toggle:hover,
     .header-top-menu-enabled #header-navigation-area .dropdown-toggle:focus,
     #search-toggle-top:hover,
     #search-toggle-right:hover,
     #search-toggle:hover,
     #search-toggle-top:focus,
     #search-toggle-right:focus,
     #search-toggle:focus,
     .search-submit:hover,
     .search-submit:focus,
     .dropdown-toggle:hover,
     .dropdown-toggle:focus,
     .required,
     .entry-title a:hover,
     .entry-title a:focus,
     .entry-meta a:hover,
     .entry-meta a:focus,
     .entry-meta .icon:hover,
     .entry-meta .icon:focus,
     .entry-header .cat-links a,
     .site-info a:hover,
     .site-info a:focus,
     .comment-metadata a:hover,
     .comment-metadata a:focus,
     .pingback .comment-edit-link:hover,
     .pingback .comment-edit-link:focus,
     #feature-slider-section .entry-title a:hover,
     #feature-slider-section .entry-title a:focus,
     #feature-slider-section .entry-meta a:hover,
     #feature-slider-section .entry-meta a:focus,
     #feature-slider-section .entry-meta .icon:hover,
     #feature-slider-section .entry-meta .icon:focus,
     #feature-slider-section .cycle-prev:hover,
     #feature-slider-section .cycle-prev:focus,
     #feature-slider-section .cycle-next:hover,
     #feature-slider-section .cycle-next:focus,
     #testimonial-content-section .cycle-prev:hover,
     #testimonial-content-section .cycle-prev:focus,
     #testimonial-content-section .cycle-next:hover,
     #testimonial-content-section .cycle-next:focus,
     #testimonial-content-section .cycle-pager span.cycle-pager-active,
     #clients-section .cycle-prev:hover,
     #clients-section .cycle-prev:focus,
     #clients-section .cycle-next:hover,
     #clients-section .cycle-next:focus,
     #clients-section .cycle-pager span.cycle-pager-active,
     #clients-section.has-background-image .cycle-prev:hover,
     #clients-section.has-background-image .cycle-prev:focus,
     #clients-section.has-background-image .cycle-next:hover,
     #clients-section.has-background-image .cycle-next:focus,
     #clients-section.has-background-image .cycle-pager span.cycle-pager-active,
     .site-footer-menu .social-navigation a:hover,
     .site-footer-menu .social-navigation a:focus,
     .site .skip-link,
     .woocommerce div.product p.price:hover,
     .woocommerce div.product p.price:focus,
     .woocommerce ul.products li.product .price:hover,
     .woocommerce ul.products li.product .price:focus,
     .entry-breadcrumbs a:hover,
     .entry-breadcrumbs a:focus,
     .woocommerce .woocommerce-breadcrumb a:hover,
     .woocommerce .woocommerce-breadcrumb a:focus,
     .comment-metadata .comment-reply-link:hover,
     .comment-metadata .comment-reply-link:focus,
     #team-content-section .artist-social-profile > .social-navigation a:hover,
     #team-content-section .artist-social-profile > .social-navigation a:focus,
     #testimonial-content-section .section-content-wrapper .entry-content::before,
     .header-top-menu-enabled #header-navigation-area .site-navigation a:hover,
     .header-top-menu-enabled #header-navigation-area .site-navigation a:focus,
     .header-top-menu-enabled #header-navigation-area .site-navigation ul ul :hover > a,
     .header-top-menu-enabled #header-navigation-area .site-navigation ul ul .focus > a {
        color: #0190c8;
    }

    Wie du siehst, betrifft die Regel auch diverse andere Bereiche, z.B. im Links allgemein oder im Navigationsmenü. Möchtest du die Regel für alle Bereiche ändern, kopierst du die CSS-Regel und änderst lediglich die Farbe auf color: #97803a.

    Thread-Starter aleferoc

    (@aleferoc)

    Genau das wollte ich, dass diese Regel für alle Bereiche zutrifft.
    Du hast mir sehr geholfen.
    Herzlichen Dank für die prompte Antwort.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Hover Farbe bei Titel von Seiten und Service ändern im theme catch inspire“ ist für neue Antworten geschlossen.