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.
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenWie 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.
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.
meinst du
.wpb_button:hover {
Nein so wie es oben steht.
Habe den Code CSS von hier (plus HTML) https://wp-bistro.de/buttons-verwen…/#comment-63610
Möchte aber den Hover entfernen in diesem CSS Muster bzw. nur der Button soll rot aufleuchten nicht die Schrift (Schrift soll weiß bleiben)
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.
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:
[COLOR=#333333].wpb_button {[/COLOR]
[COLOR=#333333]padding: 7px;[/COLOR]
[COLOR=#333333]background: green;[/COLOR]
[COLOR=#333333]font-family: Arial, Helvetica, sans-serif;[/COLOR]
[COLOR=#333333]font-weight: bold;[/COLOR]
[COLOR=#333333]color: white;[/COLOR]
[COLOR=#333333]border: 1px solid green;[/COLOR]
[COLOR=#333333]border-radius: 10px;[/COLOR]
[COLOR=#333333]}
Für die Megamenüs plus blaue Buttons habe ich den CSS Code:
[/COLOR].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; }
https://www.friesennerz-ratgeber.com/
grüne Buttons sollen den gleichen Hover wie die blauen buttons haben
ich würde es dann mal so versuchen:
a.wpb_button:hover {
color: #fff;
background-color: #C62A2A;
text-decoration: none;
}
Danke funktioniert!!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!