Changing color to the menu
-
Hello, I changed the color of the menu (and other parts), but when I add the BLOG on the menu, this written still has the green background! Because? What should I do?
This is the code I added to change colors:/* Menu Colors */
#menu li.current_page_item a, #menu li.sfHover a, #menu li a:hover {
background: #ED1943;
}/* Blog Link Colors */
a {
color: #F09DA7 !important;
}a:hover {
color: #000 !important;
}
body .footer-navi { background: #ed1943; }body .footer-container {
background: none;
background: #707070;
}}
.footer .contactform input[type=submit]{
width:80px;
height: 36px;
font-size: 17px;
border-radius: 4px;
border: none;
background: #ffffff;
color: #fff;
line-height: 25px;}
.footer #searchform {
background: #ffffff;
width: 90%;
height: 37px;
line-height: 36px;
padding: 0 1%;
margin-bottom: 20px;
border:1px;
position:relative;
border-radius: 0px;}
.sl-slide-inner h1 a:hover{
color:#F29DA7;}
.salesdetails{
width: 426px;
background: rgba(255, 255, 255, 0.74);
border-right: 8px solid #F29DA7;
padding: 23px 20px 10px 24px;
font-size: 20px;
-webkit-animation: fadeInLeft;
-moz-animation: slideInLeft;
-o-animation: slideInLeft;
animation: slideInLeft;
-webkit-animation-duration: .3s;
-webkit-animation-delay: .1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-delay: .3s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: 1s;
-o-animation-delay: .3s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-delay: .3s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-delay: .3s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
color:#fff;}
.flexslider_blog li.blog_item .flex_content a.read_more:hover{
background: #F29DA7;
border: 1px solid #F29DA7;
color: #fff;}
.flexslider_blog .flex-direction-nav .flex-next {
right: -1px;
background: #F29DA7 url(images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-prev {
right: 27px;
background: #F29DA7 url(images/prev.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-next:hover{
background: #F29DA7 url(images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-prev:hover{
background: #F29DA7 url(images/prev.png) center no-repeat;}
ins {
background: #000000;
border: none;
color: #333;}
a:link {
color:#F09DA7;
}
a:visited {
color:#F09DA7;}
a:active, a:hover {
color: #F09DA7;#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
background: url(“../images/menu-bg.png”) repeat-x scroll center top #F09DA7;
color: #FFFFFF;#menu .ddsmoothmenu {
background: #F09DA7;
}.header .menu-bar {
background: black;
}
- The topic ‘Changing color to the menu’ is closed to new replies.