• Resolved babaker24

    (@babaker24)


    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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi..

    Please go to Admin Dashboard >> Appearance >> Customize >> Theme Options >> Theme General Options.

    Now copy below code into Custom CSS Editor.

    .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus {
    	background-color: COLOR-CODE !important;
    }
    .navbar-default .navbar-nav li  a:hover,
    .navbar-default .navbar-nav li  a:focus {
    	background-color: COLOR-CODE !important;;
    }
    .dropdown-menu {
    	background-color: COLOR-CODE !important;
    }

    you can replace COLOR-CODE by your color code.

    Save the changes.

    Thanks.

    Thread Starter babaker24

    (@babaker24)

    It worked. Amazing! Thanks.

    Most Welcome.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Current page and hover, navbar color’ is closed to new replies.