Current page and hover, navbar color
-
Theme – Enigma Parallax 1.2
I have been trying to change the color of the current page on the navbar as well as the color when you hover over a menu item. I have researched this extensively and believe I have tried all solutions offered.
I got it to work in the past by editing the css of the theme (not child theme). When I try to make changes to the child theme or custom css nothing happens.
Sometimes I can right-click on the button and chooose “inspect”. From there I can change the color but obviously I lose that once I refresh the page.
Any help would be greatly appreciated!!
https://www.iwilltrain.com
child theme css:
/*
Theme Name: Enigma-Parallax-Child
Theme URI: https://iwilltrain.com/enigma-parallax-child/
Description: Enigma-Parallax Child Theme
Author: Brian Baker
Author URI: https://example.com
Template: enigma-parallax
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: enigma-parallax-child
*/.enigma_blog_thumb_wrapper p, .enigma_blog_thumb_date li, .enigma_header_breadcrum_title h1, .breadcrumb li a, .breadcrumb li, .enigma_fuul_blog_detail_padding h2, .enigma_fuul_blog_detail_padding p, .enigma_comment_form_section h2, .enigma_comment_form_section label, .enigma_comment_form_section p, .enigma_comment_form_section a, .logged_in_as p, .enigma_blog_comment a, .enigma_blog_post_content p, .enigma_comment_title h3, .enigma_comment_detail_title, .enigma_comment_date, .enigma_comment_detail p, .reply a, .enigma_blog_read_btn, .enigma_cotact_form_div p, label, .enigma_con_input_control, .enigma_contact_info li .text, .enigma_contact_info li .desc, .enigma_send_button, #enigma_send_button, .enigma_home_portfolio_caption h3 a, .enigma_service_detail h3 a, .enigma_service_detail p, .pos, .error_404 p, .long h3, .enigma_testimonial_area p, h3, span, .enigma_callout_area p, .enigma_callout_area a, .enigma_sidebar_link p a, .enigma_sidebar_widget ul li a {
font-family: Open Sans;
color:#000000
}
.social li{
font-size:18px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
display: inline-block;
height: 35px;
margin-right: 5px;
width: 35px;
text-align: center;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
border: 2px solid #dd3333;
cursor:pointer;
}
.enigma_scrollup {
width: 45px;
height: 40px;
opacity: 0.5;
position: fixed;
bottom: 100px;
right: 30px;
display: none;
border-radius: 2px;
text-align: center;
color: #dd3333;
font-size: 28px;
background: #000000;
z-index: 9999;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}
#scroll_menu a{
background-color:#000000;
color:#dd3333;
width:40px;
margin-top:5px;
}
.header_section{
background-color:#000000;
color:#fff;
opacity:0.9;
}
.dropdown-menu {
background-color: rgba(0, 0, 0, 100);
}
.navigation_menu{
background-color: #fff;
border-top:2px solid #5C4B51;
opacity:1;
}
.enigma_heading_title h3 {
border-bottom: 4px solid #5C4B51;
color: #000000;
}
.enigma_heading_title2 h3 {
border-bottom: 2px solid #5C4B51;
color: #000000;
}
.enigma_service_iocn{
border: 4px solid #000000;
background-size: 100% 200%;
background-color:#5C4B51;
background-image: linear-gradient(to bottom, #5C4B51 50%, #fff 50%);
}
.enigma_service_area:hover .enigma_service_iocn i {
color:#dd3333;}
.enigma_testimonial_area img{
border: 10px solid #000000;
}
.enigma_testimonial_area span{
margin: 0 0 20px 0;
font-size:16px;
color:#000;
}
.enigma_callout_area {
background-color: #dd3333;}
#wp-calendar caption {
background-color:#dd3333;
font-size:16px;
color: #fff;
}
.enigma_footer_widget_area{
background: #dd3333;
}
.enigma-footer-separator{
background-color: #000000;
height: 3px;
margin-top:10px;
text-align:center;
width: 100px;
}
.enigma_footer_widget_title{
color: #000000;
text-shadow: 0px 1px 2px #2a2a2a;
background color: #000000;
}
p , .textwidget{
font-family: ‘Open Sans’, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: bold;
}
.logo p{
font-family: ‘Open Sans’, sans-serif;
margin-top:5px;
color: #f12b24;
}
.enigma_home_portfolio_caption:hover p{color:#dd3333;
}
.img-wrapper:hover p{color:#dd3333;
}
.enigma_contact_info li .fa {
color: #000;
}
.enigma_footer_widget_title{
color: #fff;
text-shadow: 0px 1px 2px #2a2a2a;
background color: #dd3333;
}
.enigma_footer_area{
background: #dd3333;
border-top: 0px solid #6B6B6B;
}
.enigma_footer_area p {
color: #000000;
font-size:15px;
}.enigma_sidebar_widget_title {
background: #000000;
}
.enigma_sidebar_widget {
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-bottom: 3px solid #000000;
}
.btn-search{
background:#000000 !important;
}
.navbar-default
.navbar-nav li a {
color: #dd3333;
font-family: Open Sans, sans-serif;
}.navbar-default .navbar-nav li a {
font-weight: bold !important;
}custom css:
a {
color: #5C4B51;
/* color: #f0f; */
color: black;
}body {
font-family: ‘Open Sans’, sans-serif;
color: #000000!important;
}
a:hover, a:focus {
color: #000000;
text-decoration: underline;
}
.enigma_blog_thumb_wrapper p, .enigma_blog_thumb_date li, .enigma_header_breadcrum_title h1, .breadcrumb li a, .breadcrumb li, .enigma_fuul_blog_detail_padding h2, .enigma_fuul_blog_detail_padding p, .enigma_comment_form_section h2, .enigma_comment_form_section label, .enigma_comment_form_section p, .enigma_comment_form_section a, .logged_in_as p, .enigma_blog_comment a, .enigma_blog_post_content p, .enigma_comment_title h3, .enigma_comment_detail_title, .enigma_comment_date, .enigma_comment_detail p, .reply a, .enigma_blog_read_btn, .enigma_cotact_form_div p, label, .enigma_con_input_control, .enigma_contact_info li .text, .enigma_contact_info li .desc, .enigma_send_button, #enigma_send_button, .enigma_home_portfolio_caption h3 a, .enigma_service_detail h3 a, .enigma_service_detail p, .pos, .error_404 p, .long h3, .enigma_testimonial_area p, h3, span, .enigma_callout_area p, .enigma_callout_area a, .enigma_sidebar_link p a, .enigma_sidebar_widget ul li a {
font-family: Open Sans;
color:#000000
}
.social li{
font-size:18px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
display: inline-block;
height: 35px;
margin-right: 5px;
width: 35px;
text-align: center;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
border: 2px solid #dd3333;
cursor:pointer;
}
.enigma_scrollup {
width: 45px;
height: 40px;
opacity: 0.5;
position: fixed;
bottom: 100px;
right: 30px;
display: none;
border-radius: 2px;
text-align: center;
color: #dd3333;
font-size: 28px;
background: #000000;
z-index: 9999;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}
#scroll_menu a{
background-color:#000000;
color:#dd3333;
width:40px;
margin-top:5px;
}
.header_section{
background-color:#000000;
color:#fff;
opacity:0.9;
}
.dropdown-menu {
background-color: #000000;
}
.navigation_menu{
background-color: #fff;
border-top:2px solid #5C4B51;
opacity:1;
}
.enigma_heading_title h3 {
border-bottom: 4px solid #000000;
color: #000000;
}
.enigma_heading_title2 h3 {
border-bottom: 2px solid #000000;
color: #000000;
}
.enigma_service_iocn{
border: 4px solid #000000;
background-size: 100% 200%;
background-color:#5C4B51;
background-image: linear-gradient(to bottom, #5C4B51 50%, #fff 50%);
}
.enigma_service_area:hover .enigma_service_iocn i {
color:#dd3333;}
.enigma_testimonial_area img{
border: 10px solid #000000;
}
.enigma_testimonial_area span{
margin: 0 0 20px 0;
font-size:16px;
color:#000;
}
.enigma_callout_area {
background-color: #dd3333;}
#wp-calendar caption {
background-color:#000000;
font-size:24px;
color: #fff;}
.enigma_footer_widget_area{
background: #000;
}
.enigma-footer-separator{
background-color: #000000;
height: 3px;
margin-top:10px;
text-align:center;
width: 100px;
}
.enigma_footer_widget_title{
color: #fff;
text-shadow: 0px 1px 2px #2a2a2a;
background color: #000000;
}p , .textwidget{
font-family: ‘Open Sans’, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: bold;
}
.logo p{
font-family: ‘Open Sans’, sans-serif;
margin-top:5px;
color: #f12b24;
}
.enigma_home_portfolio_caption:hover p{color:#fff; }
.img-wrapper:hover p{color:#000;
}.enigma_home_portfolio_caption {
background:#fff;
/* background-color: #000; */
}.enigma_home_portfolio_caption h3 a {
color: #404040;
font-size:22px;
}
.enigma_contact_info li .fa {
color: #000;
}
.enigma_footer_widget_title{
color: #fff;
text-shadow: 0px 1px 2px #2a2a2a;
background color: #dd3333;
}
.enigma_footer_area{
background: #dd3333;
border-top: 0px solid #6B6B6B;
}
.enigma-footer-separator{
background-color: #dd3333;
height: 3px;
margin-top:10px;
text-align:center;
width: 220px;
}
.enigma_footer_area p {
color: #000000;
font-size:15px;
}
.navbar .navbar-default .current_page_item {
background: #000000 none repeat scroll 0 0;
box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
}.enigma_sidebar_widget_title {
background: #000000;
}
.enigma_sidebar_widget {
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-bottom: 3px solid #000000;
}.btn-search{
background:#000000!important;
color: #dd3333;
}.navbar-default
.navbar-nav li a {
color: #dd3333;
font-family: Open Sans, sans-serif;
}.navbar-default .navbar-nav li a {
font-weight: bold !important;
}
/* Menu */.navbar-default .navbar-nav a {
color: #dd3333 !important;
}
- The topic ‘Current page and hover, navbar color’ is closed to new replies.