Support » Theme: Enigma » Change color header and footer

  • Resolved gods45

    (@gods45)


    Hi! i want to know how can i change the color of the header (were is the logo) and the footer?

    I need to put a darker blue, and i don´t want to pay for premium. The page is: http://mmsociedades.mx/

    Does anyone know?? I tried to put this on the style.css

    .header_section {
    background-color: #000666;
    }

    In header section, but it doesn´t work.

    HELP!!

Viewing 12 replies - 16 through 27 (of 27 total)
  • Hi,

    I would like to make changes in the menu bar and the theme slider.

    Thank you

    Weblizar

    (@weblizar_support)

    Hi..

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

    Now copy velow css code into csutom css editor.

    .navbar-default .navbar-nav .open a,
    .navbar-default .navbar-nav .open a:hover,
    .navbar-default .navbar-nav .open a:focus
    {
    	background-color: none !important;
    }
    .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus {
    background-color: #fff !important;
    }
    .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: none !important;
    	color: #000 !important;
    }
    .enigma_blog_read_btn:hover
    {
    background-position: none !important;
     background-color:none !important;
     color: none !important;
     }
    .navbar-default .navbar-nav .active a
    {
    background-color: none !important;
    color: #000 !important;
    }
     .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus
     {
     background-color: none !important;
     }
     .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus
     {
     background-color: none !important;
     color: #000 !important;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
     }
     .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus
     {
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
     }
    .navbar-default .navbar-nav  li  a:hover,
    .navbar-default .navbar-nav  li  a:focus {
    	background-color: none !important;
    }

    Save the changes.

    Thanks.

    Appreciated! However, it is not giving the effect I really wanted.

    Can I get more than one page with the look and feel of what I have as ‘home’ on my http://seacret.co.in/wp/ website. Can those pages also be individually customized?

    For Theme General Options
    Theme Slider Options
    Service Options
    Portfolio Options
    Home Blog Options
    Social Options
    Footer Call Out Options
    Footer Options etc.

    Thank you

    Weblizar

    (@weblizar_support)

    Hi..

    That css code is working fine, Please describe what you want with menubar.

    Please go to Admin Dashboard >> Appearance >> Theme Options.
    Here you can individually customized those pages.

    Thanks.

    Hi,

    All seems to be working now as I wanted it to be.

    Thank you

    Weblizar

    (@weblizar_support)

    Most Welcome..

    Thanks.

    Hallo,
    möchte auch die Farbe wie sandy1962 ändern.
    Finde aber die Datei wl-orange.css nicht.
    Hat sich die Bezeichnung geändert?

    Danke in Voraus!

    Weblizar

    (@weblizar_support)

    Hallo..

    Bitte laden Sie Inferno Thema , das Kind Thema Enigma ist . Inferno Theme enthält wl- orange.css Datei.

    Sie können Farbe in dieser Datei nach Ihrer Wahl ändern.

    Vielen Dank.

    Hi,
    I have managed to change majority of the blue colour on the Enigma theme, but the pop up boxes in all the pages are still blue.

    How do i change it to the colour #DEB887

    The website is faithfullypoetic.com

    Weblizar

    (@weblizar_support)

    Hi..

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

    Now copy below code and paste into Custom CSS Editor.

    .navigation_menu {
        border-top: 2px solid #DEB887 !important;
    }
    .btn-search {
        background: #DEB887 !important;
    }
    .enigma_sidebar_widget {
        border-left: 3px solid #DEB887 !important;
        border-right: 3px solid #DEB887 !important;
        border-bottom: 3px solid #DEB887 !important;
    }
    .img-wrapper:hover .enigma_home_portfolio_caption {
        background: #DEB887 !important;
        border-left: 1px solid #DEB887 !important;
        border-bottom: 4px solid #DEB887 !important;
        border-right: 1px solid #DEB887 !important;
    }
    .enigma_home_portfolio_caption {
        border-bottom: 4px solid #DEB887 !important;
    }
    .enigma_blog_thumb_wrapper h2 a {
        color: #DEB887 !important;
    }
    .enigma_blog_thumb_date li i {
        color: #DEB887 !important;
    }
    .enigma_blog_thumb_wrapper {
        border-bottom: 5px solid #DEB887 !important;
    }

    Save the changes.

    Thanks.

    Thank you @weblizar_support,
    That helped a lot.
    But one last thing. The header on each individual boxes are still Blue?

    can you help change it to #DEB887 please.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @faithfullypoetic, Please stop asking for support in other people’s threads.

Viewing 12 replies - 16 through 27 (of 27 total)
  • The topic ‘Change color header and footer’ is closed to new replies.