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

Hover innerhalb einer Class entfernen

Dieses Thema im Forum "Design" wurde erstellt von bies879, 15. Januar 2018.

Schlagworte:
  1. bies879

    bies879 Active Member

    Registriert seit:
    14. August 2017
    Beiträge:
    40
    Zustimmungen:
    0
    Wie kann ich den Hover innerhalb dieser Class entfernen?

    .wpb_button {
    padding: 7px;
    background: green;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    border: 1px solid green;
    border-radius: 10px;


    }


    Danke.
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    meinst du
    .wpb_button:hover {
     
  3. bies879

    bies879 Active Member

    Registriert seit:
    14. August 2017
    Beiträge:
    40
    Zustimmungen:
    0
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    bei deinem CSS wird kein Hover formatiert. Ich vermute es existiert schon ein hover, wie auf deiner Bsp-Seite:
    a:hover.wpb_button{

    oder einfach nur ein
    a:hover{

    Ansonsten brauchen wir mal einen Link zur entsprechenden Stelle.
     
  5. bies879

    bies879 Active Member

    Registriert seit:
    14. August 2017
    Beiträge:
    40
    Zustimmungen:
    0
    Hier die Seite https://www.friesennerz-ratgeber.com/
    Es soll bei den grünen Buttons (Friesennerz bei Amazon und Friesennerz bei About You) der gleiche Hover wie bei den blauen buttons (zum Beitrag) erscheinen

    für die grünen buttons habe ich den CSS:
    .wpb_button {
    padding: 7px;
    background: green;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    border: 1px solid green;
    border-radius: 10px;


    }


    Für die Megamenüs plus blaue Buttons habe ich den CSS Code:
    .well-white { box-shadow: none; border-color: #C0C0C0; background: #fff; text-align: center; }
    .well-white h2 { font-size: 1.125rem; margin-top: 0; }
    .well-white img { margin: 0 auto 10px auto; max-height: 200px; width: auto; }
    .well-white p:last-of-type { margin-bottom: 0; }
    .well-white .btn { font-weight: 700; letter-spacing: 0.5px; }


    .list-border-links li a { border-bottom: 2px solid #b4c9e6; text-decoration: none; }
    .list-border-links li a:hover,
    .list-border-links li a:focus { border-bottom: 2px solid #2f85ff; color: #2f85ff; }


    .headline-border-links a { border-bottom: 2px solid #b4c9e6; text-decoration: none; display: inline-block; }
    .headline-border-links a:hover,
    .headline-border-links a:focus { border-bottom: 2px solid #2f85ff; color: #2f85ff; }


    .anchor-border-links { border-bottom: 2px solid #b4c9e6; display: inline-block; }
    .anchor-border-links:hover,
    .anchor-border-linksa:focus { border-bottom: 2px solid #2f85ff; color: #2f85ff; text-decoration: none; }
     
  6. bies879

    bies879 Active Member

    Registriert seit:
    14. August 2017
    Beiträge:
    40
    Zustimmungen:
    0
  7. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    ich würde es dann mal so versuchen:

    a.wpb_button:hover {
    color: #fff;
    background-color: #C62A2A;
    text-decoration: none;
    }
     
    #7 maxe, 16. Januar 2018
    Zuletzt bearbeitet: 16. Januar 2018
  8. bies879

    bies879 Active Member

    Registriert seit:
    14. August 2017
    Beiträge:
    40
    Zustimmungen:
    0
    Danke funktioniert!!
     
  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