Color focus del menu
-
Buenos dias,
Me gustaria saber como puedo cambiar el color azul del focus del menu principal.Gracias de antemano
The page I need help with: [log in to see the link]
-
Hi,
Please share the right URL of the Enigma theme.
Thanks.
Perdón, ya lo he cambiado.
let us know further query.
Thanks.
He cambiado casi todo el color azul de la plantilla menos el focus del menú principal que no encuentro como cambiarlo.
La plantilla es enigma i la web es https://vall.fr
Le pongo los css que he puesto:
#wrapper{
background: #ffffff;
}
/* header contact info section ***/
.header_section{
color:#fff;
}
.hd_cover {
color: #fff;
background-size: cover;
background-color:#6c7078;
}
.cover{
background:rgba(0,0,0,0.3);
}
/** navbar menus ***/
.navigation_menu{
background-color: #fff;
border-top:2px solid #6c7078;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a {
background-color: #fab529;
}
.collapse ul.nav li.current-menu-parent .dropdown-toggle, .collapse ul.nav li.current-menu-item .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current-menu-parent .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current-menu-item .dropdown-toggle
.collapse ul.nav li.current_page_ancestor .dropdown-toggle,.collapse ul.nav li.current_page_ancestor .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle
{
background-color: #6c7078;
box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
color: #fff !important;
border-radius:0px;
}.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #6c7078;
}.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: #6c7078;
}.dropdown-menu {
background-color: rgba(49, 162, 221, 0.9);
}
/** headings titles css ***/
.enigma_heading_title h3 {
border-bottom: 4px solid #6c7078;
color: #3b3b3b;
}
.enigma_heading_title2 h3 {
border-bottom: 2px solid #6c7078;
color: #3b3b3b;
}
/** slider css ***/
.carousel-list li {
background:rgba(49, 162, 221, 0.8);
}/** service section css ***/
.enigma_service_iocn{
border: 4px solid #6c7078;
background-color:#6c7078;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #6c7078 50%, #fff 50%);
}
.enigma_service_area:hover .enigma_service_iocn i {
color:#6c7078;
}
.enigma_service_area:hover .enigma_service_iocn{background-color:#ffffff;}
.enigma_service_iocn_2 i{
background: #fff;
border: 4px solid #6c7078;
}
.enigma_service_iocn_2 i{
color: #fab529;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #fff 50%, #fab529 50%);
}/****************portfolio css ********************************************************
********************************************************************************/.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a {
background-color: #6c7078;
border:2px solid #fab529;
color:#fff;
}
.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a:hover{
background-color: #ffffff;
border:2px solid #fab529;
color:#6c7078;
}
.enigma_home_portfolio_caption {
border-left:1px solid #ccc;
border-bottom:4px solid #fab529;
border-right:1px solid #ccc;
}.enigma_home_portfolio_caption:hover{
background: #6c7078;
}
.enigma_home_portfolio_caption:hover h3 a ,.enigma_home_portfolio_caption:hover small{
color: #ffffff;
}
.img-wrapper:hover .enigma_home_portfolio_caption{
background: #6c7078;
border-left:1px solid #fab529;
border-bottom:4px solid #fab529;
border-right:1px solid #fab529;
}
.img-wrapper:hover .enigma_home_portfolio_caption h3 a,.img-wrapper:hover .enigma_home_portfolio_caption small{
color: #ffffff;
}.enigma_proejct_button a {
background-color: #6c7078;
color: #FFFFFF;
border: 2px solid #fab529;
transition: all 0.4s ease 0s;
}
.enigma_proejct_button a:hover {
background-color: #ffffff;
color: #6c7078;
border: 2px solid #fab529;
text-decoration:none;}
.enigma_carousel-prev, .enigma_carousel-next {
background-color: #fff;
border: 2px solid #fab529;
}
.enigma_carousel-prev:hover, .enigma_carousel-next:hover {
background-color: #fab529;
color:#fff;
}
.enigma_carousel-prev:hover i, .enigma_carousel-next:hover i{
color:#fff;
}
.enigma_carousel-prev i,
.enigma_carousel-next i {
color: #6c7078;
}/*** project detail ***/
.enigma_portfolio_detail_pagi li a {
color: #404040;
border:2px solid #fab529;
text-align:center;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #6c7078 50%, #ffffff 50%);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;}
.enigma_portfolio_detail_pagi li a:hover {
color: #404040;
border:2px solid #fab529;
background-position: 0 -100%;
}.enigma_portfolio_detail_pagi li a span{
color:#fff;
line-height:35px;
}
.enigma_portfolio_detail_pagi li a:hover span{
color:#6c7078;
}
.enigma-project-detail-sidebar p small {
color:#bebebe;}
.enigma-project-detail-sidebar .launch-enigma-project a {
color: #ffffff;
border: 2px solid #fab529;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #6c7078 50%, #ffffff 50%);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.enigma-project-detail-sidebar .launch-enigma-project a:hover {
background-color: #ffffff;
color: #6c7078;
border: 2px solid #fab529;
background-position: 0 -100%;
}/** gallery css **/
.enigma_gallery_showcase .enigma_gallery_showcase_icons a {
background-color: #6c7078;
border:2px solid #fab529;
color:#fff;
}.enigma_gallery_showcase .enigma_gallery_showcase_icons a:hover{
background-color: #ffffff;
border:2px solid #fab529;
color:#6c7078;
}/**************** blog css ********************************************************
********************************************************************************//** blog thumbnail css **/
.enigma_blog_thumb_wrapper{
background:#fff;
border-bottom: 5px solid #fab529;
box-shadow: 0 0 6px rgba(0,0,0,.7);}
.enigma_blog_thumb_wrapper h2 a{
color:#6c7078;
transition: all 0.4s ease 0s;
}.enigma_blog_thumb_wrapper h2:hover a{
color:#6c7078;}
.enigma_blog_thumb_date li i{
color: #6c7078;
}
.enigma_tags a ,.enigma_cats a{
background-size: 100% 200%;
background-color:#edf0f2;
background-image: linear-gradient(to bottom, #edf0f2 50%, #fab529 50%);
}.enigma_tags a:hover , .enigma_cats a:hover{
color:#fff;
background-position: 0 -100%;
background-color:#6c7078;
}
.enigma_tags a i ,.enigma_cats a i{
color:#6c7078;
}
.enigma_tags a:hover i ,.enigma_cats a:hover i{
color:#fff;
}.enigma_blog_thumb_wrapper span a i{
color: #6c7078;
}
.enigma_blog_thumb_wrapper span a {
color:#555;}.enigma_blog_thumb_footer{
padding-top:20px;
padding-bottom:10px;
border-top:3px solid #fab529;
}.enigma_blog_read_btn{
border: 2px solid #fab529;
background-size: 100% 200%;
background-color:#6c7078;
background-image: linear-gradient(to bottom, #fab529 50%, #fff 50%);
}
.enigma_blog_read_btn i {
margin-right:5px;
}
.enigma_blog_read_btn:hover{
background-position: 0 -100%;
background-color:#ffffff;
color: #fab529;
}
.enigma_blog_read_btn a{color:#ffffff;}.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a {
background-color: #6c7078;
color: #fff;
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a:hover{
background-color: #ffffff;
border: 2px solid #fab529;
color: #fab529;
}
/********* Blog Full width css ********/
.enigma_post_date {
background: #6c7078;
color: #ffffff;
}
.enigma_blog_comment:hover i, .enigma_blog_comment:hover h6{
color:#6c7078;
}
.enigma_fuul_blog_detail_padding h2 a ,.enigma_fuul_blog_detail_padding h2{
color:#6c7078;
}
.enigma_fuul_blog_detail_padding h2 a:hover{
color:#6c7078;
}
/*** blog sidebar css **/
.enigma_recent_widget_post h3 a {
color:#6c7078;
}
.enigma_sidebar_widget {
border-left: 3px solid #6c7078;
border-right: 3px solid #6c7078;
border-bottom: 3px solid #6c7078;
background-color:#ffffff;
}
.enigma_sidebar_widget_title{
background:#6c7078;
}
.enigma_sidebar_link p a:hover , .enigma_sidebar_widget ul li a:hover {
color: #6c7078;
}.enigma_widget_tags a , .tagcloud a {
background-size: 100% 200%;
background-color:#edf0f2;
background-image: linear-gradient(to bottom, #edf0f2 50%, #fab529 50%);
}
.enigma_widget_tags a:hover , .tagcloud a:hover {
border: 1px solid #6c7078;
background-color:#fab529;
background-position: 0 -100%;color: #ffffff;
}/** blog detail **/
.enigma_author_detail_wrapper{
background: #bebebe;
padding:15px;
margin-bottom:40px;}
.enigma_author_detail_wrapper{
border-left:2px solid #fab529;
}
/** blog form input css **/
.reply a {
color: #6c7078;
}
.enigma_con_input_control:focus, .enigma_con_textarea_control:focus,
.enigma_contact_input_control:focus, .enigma_contact_textarea_control:focus {
border-color: #6c7078;
-webkit-box-shadow: inset 0 0px 0px #fab529, 0 0 5px #6c7078;
box-shadow: inset 0 0px 0px #6c7078, 0 0 5px #6c7078;
}
.enigma_send_button , #enigma_send_button{
border-color: #6c7078;
color: #6a6a6a;
background-color:#ffffff;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #fff 50%, #6c7078 50%);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.enigma_send_button:hover ,#enigma_send_button:hover{
background-position: 0 -100%;
border: 2px solid #fab529;
color: #ffffff;
background-color:#6c7078;
}.enigma_blog_pagination {
background-color: #FFFFFF;
}
.enigma_blog_pagi a {
border: 1px solid #dbdbdb !important;
background-color: #ffffff;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #fff 50%, #6c7078 50%);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
color: #777777;
}
.enigma_blog_pagi a:hover, .enigma_blog_pagi a.active {
background-position: 0 -100%;
color: #ffffff;
}/****** Testimonial css *******************************************
****************************************************************/
.enigma_testimonial_area i{
color:#6c7078;
}
.enigma_testimonial_area img{
border: 10px solid #fab529;
}
.pager a{
background: #fff;
border: 2px solid #fab529;
}
.pager a.selected{
background: #6c7078;
border: 2px solid #fab529;
}
/**** Client Css *************************************************
****************************************************************/
.enigma_client_wrapper:hover {
border: 4px solid #fab529;}
.enigma_client_prev, .enigma_client_next {
background-color: #fff;
border: 2px solid #fab529;
}
.enigma_client_prev:hover, .enigma_client_next:hover {
background-color: #6c7078;
color:#fff;
}
.enigma_client_prev:hover i, .enigma_client_next:hover i{
color:#fff;
}.enigma_carousel-prev i,
.enigma_carousel-next i {
color: #6c7078;
}
/**** About us page Css *************************************************
****************************************************************/
.enigma_team_showcase .enigma_team_showcase_icons a {
background-color: #6c7078;
border:2px solid #fab529;
color:#fff;
}.enigma_team_showcase .enigma_team_showcase_icons a:hover{
background-color: #ffffff;
border:2px solid #fab529;
color:#6c7078;
}.enigma_team_caption:hover{
background: #6c7078;
}
.enigma_team_caption:hover h3 a ,.enigma_team_caption:hover small{
color: #ffffff;
}.enigma_team_wrapper:hover .enigma_team_caption{
background: #6c7078;
}
.enigma_team_wrapper:hover .enigma_team_caption h3 ,.enigma_team_wrapper:hover .enigma_team_caption small{
color: #ffffff;
}
/***** Call Out Section *****************************************************************
***************************************************************************************/
.enigma_callout_area {
background-color: #fab529;}
/***** Footer Area Css *****************************************************************
***************************************************************************************/
.enigma_footer_area{
background: #bababa;
border-top: 0px solid #fab529;
}
/***** Contact Info Css *****************************************************************
***************************************************************************************/
.enigma_contact_info li .desc {
color: #6c7078;
}
/***** Shortcode Css *****************************************************************
***************************************************************************************/
/*Dropcaps Styles*/
.enigma_dropcape_square span {
background-color: #6c7078;
color: #FFFFFF;
}
.enigma_dropcape_simple span {
color: #6c7078;
}
.enigma_dropcape_circle span {
background-color: #6c7078;
color: #FFFFFF;
}
/*** breadcum style css **/
.breadcrumb li a {
color: #6c7078 !important;
}
/** progress bar or nav button css */
.progress-bar {
background-color: #6c7078 !important;
}
.btn-search{
background:#6c7078 !important;
}
.nav-pills > li > a{
border: 3px solid #fab529 !important;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #fff 50%, #6c7078 50%) !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-image: linear-gradient(to bottom, #fab529 50%, #fab529 50%) !important;
background-color:#6c7078;
}
.nav-stacked > li > a
{
border: 3px solid #fab529 !important;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #fff 50%, #6c7078 50%) !important;
}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
background-image: linear-gradient(to bottom, #6c7078 50%, #fab529 50%) !important;
background-color:#6c7078;
}.navbar-toggle {
background-color: #6c7078 !important;
border: 1px solid #fab529 !important;
}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #6c7078 !important;
}
.enigma_blockquote_section blockquote {
border-left: 5px solid #fab529;
}
#wp-calendar caption {
background-color: #6c7078;
color: #ffffff;
padding: 10px;
}
#wp-calendar thead tr th {
text-align: center;
}
table th {
border: 1px solid #fab529;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #fab529;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #fab529;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
#wp-calendar tbody tr td {
text-align: center;
}
.enigma_footer_widget_column ul li a ,.enigma_footer_widget_column ul#recentcomments li {color: #f2f2f2;}
.enigma_footer_widget_column ul li a:hover{color: #fab529;}
.enigma_callout_area a:hover{background-color:#393c40;}
ul .social li .facebook a:hover ,ul .social li .twitter a:hover,ul .social li .linkedin a:hover ,ul .social li .youtube a:hover {background-color:#34495e;}
.enigma_blog_pagi a:hover, .enigma_blog_pagi a.active {
background-color: #6c7078;
color: white;
}.carousel-list li {
background: #6c7078;
}
.dropdown-menu {
background-color: #6c7078;
}
a {color:black;}
body {background-color:#bebebe;}Gracias
Hii vallfr,
Go to Dashboard -> Appearnce -> Customize -> Theme Options -> Theme General Options -> paste the below css in Custom CSS box and save –
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .dropdown-menu .active a { background-color: #646464 !important; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #646464 !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #646464 !important; }
Thanks.
Lo he hecho y sigue saliendo en azul :
En el menú principal, marca en azul la página que está abierta y al pasar el ratón por encima de los otros nombres del menú se pone de color azul. Yo necesito que salga del color #fab529
GraciasHii,
Paste the below css in Custom CSS box and save –
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus, .dropdown-menu .active a { background-color: #646464 !important; } .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus { background-color: #646464 !important; } .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus { background-color: #646464 !important; }
Thanks.
ok RESUELTO
Let us know for further query.
- The topic ‘Color focus del menu’ is closed to new replies.