Hello, how can I change the button hover color? What is the css code? Aaaand, how can I change the color of the first, second and third word of title?
Philip
Hello, how can I change the button hover color? What is the css code? Aaaand, how can I change the color of the first, second and third word of title?
Philip
Hello Philip,
This is the CSS to handle your requests:
.first-row-from-title { color: red; }
.second-row-from-title { color: green; }
.third-row-from-title { color: blue; }
This is the buttons styling:
#header .bottom-header .header-button-one {
width: auto;
height: 63px;
line-height: 57px;
background: rgba(255, 255, 255, 0.2);
margin: 0 15px;
padding: 0 70px;
display: inline-block;
border: 3px solid #fff;
border-radius: 3px;
font-weight: 700;
font-size: 18px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#header .bottom-header .header-button-one:hover {
background: rgba(255, 255, 255, 0.1);
text-decoration: none;
}
#header .bottom-header .header-button-two {
width: auto;
height: 63px;
line-height: 63px;
background: #f1d204;
margin: 0 15px;
padding: 0 70px;
display: inline-block;
border-radius: 3px;
font-weight: 700;
font-size: 18px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#header .bottom-header .header-button-two:hover {
background: rgba(241, 210, 4, 0.9);
text-decoration: none;
}
Let me know if you got everything alright.
Cheers