Hallo.
bei http://www.tischlerei-hanninger.at
habe ich dass Problem mit hover beim mittleren button gelöst dass er nicht mehr durchsichtig ist wenn ich mit der maus drüber fahre.
aber:
mein bekannter möchte gerne die menüleiste oben in weiss und auch bei hover weiss..
habe ich im menü des themes geändert...aber..dass ändert die farbe des Buttons ohne hover mit, also autom auf weiss.
gibt's eine Möglichkeit dass ich den button zB auf ein helleres blau ändere wie zb wenn ich mit der maus drüber fahre?
ohne dass weisse menü zu ändern ?
Code
roll-button {
position: relative;
display: inline-block;
font-family: "Raleway", sans-serif;
font-size: 13px;
line-height: 24px;
font-weight: 700;
padding: 12px 35px;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.roll-button:hover {
background-color: blue;
}
.roll-button.border {
background-color: transparent;
text-transform: uppercase;
}
.roll-button.border:hover {
color: #fff;
}
.roll-button.border.text-white {
color: #fff;
}
.roll-button.light {
background-color: #fff;
border: 1px solid #fff;
color: #443f3f;
}
.roll-button.light:hover {
color: #fff;
}
.roll-button.light.border {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
}
.roll-button.light.border:hover {
border: 1px solid #443f3f;
background-color: #443f3f;
color: #fff;
}
.roll-button.dark {
background-color: #443f3f;
border: 1px solid #443f3f;
}
.roll-button.dark:hover {
border: 1px solid #443f3f;
background-color: transparent;
color: #443f3f;
}
.roll-button.dark.border {
border: 1px solid #443f3f;
background-color: transparent;
color: #443f3f;
}
.roll-button.dark.border:hover {
border: 1px solid #443f3f;
background-color: #443f3f;
color: #fff;
}
.more-button {
display: table;
margin: 30px auto 0;
clear: both;
}
/* Button Group
-------------------------------------------------------------- */
.roll-button-group {
text-align: center;
}
.roll-button-group .roll-button {
margin-left: 8px;
}
.roll-button-group .roll-button:first-child {
margin-left: 0;
}
Alles anzeigen
danke im vorraus..lg..reini