Change color header and footer

Hi,

write below CSS rules into Custom CSS Editor :

.header_section {
background-color: #000666 !important;
}
.enigma_footer_widget_area {
background: #000666 !important;
}

Save the changes.

Thanks

Thank you very much @weblizar_support, it works perfect!!

Can i ask you something else? how can i change the color of the icons at home, when you have the mouser over the menu and in the titles of the carrousel? I want also have a dark blue…

Thank you very much!! ??

Hi,

Write below css rule into custom css editor:

.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: #000666 !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
background-color: #000666 !important;
}
.dropdown-menu {
background-color: #000666 !important;
}
.carousel-list li {
background: #000666 !important;
}
.enigma_blog_read_btn {
border: 2px solid #000666 !important;
background-size: 100% 200%;
background-color: #000666 !important;
background-image: linear-gradient(to bottom, #000666 50%, #fff 50%) !important;
}
.carousel-text .enigma_blog_read_btn:hover {
color: #000666 !important;
}
.enigma_service_area:hover .enigma_service_iocn i {
color: #000666 !important;
}
.enigma_service_iocn {
border: 4px solid #000666 !important;
background-color: #000666 !important;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, #000666 50%, #fff 50%) !important;
}
.enigma_service_detail h3 a {
color: #000666 !important;
}
.enigma_heading_title h3 {
border-bottom: 4px solid #000666 !important;
}
.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a {
background-color: #000666 !important;
border: 2px solid #000666 !important;
}
.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a i:hover{
color: #000666 !important;
}

Save the changes.

Thanks

Thanks for sharing this! Was trying to change the same thing. However, I cannot get the main nav color to change. This is what I’m trying to do:

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #fc3 !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: #fc3 !important;
}

Here’s the site: https://camra.ca/

What am I missing here? I got the subnav to change, but the default is VERY stubborn.

Hi,

Please use below CSS also

.navbar li:hover a {
  background-color: #fc3 !important;
}

Thanks.

Thank you!
Now, I see there’s a very small top border or line inline with the top of the buttons. How do I get rid of that?

Hi,

Please add below CSS in Custom CSS editor

.navbar-collapse {
  box-shadow: none !important;
}

Save the changes.

Thanks.

Hi,

How do we change the callout section background, and very bottom footer where the social media icons and copyright are?

trying to change the background to all #000000

https://www.sharpinteriorsystems.com

Hi..

Please copy below code into custom css editor.

.enigma_callout_area {
    background-color: #000000 !important;
}
.enigma_footer_area {
    background: #000000 !important;
}
.enigma_footer_area p {
    color: #fffff !important;
}
.enigma_footer_area p a{
    color: #ffffff !important;
}

Save the changes.

Thanks.

Hi,

Trying to change all instances of blue color (#31A3DD) to a different one. Across the entire website. How can I accomplish that?

Thank you

Hi @sandy1962

Please download the Inferno Theme, i.e. is child theme of Enigma Theme.

Now delete header.php and footer.php file from inferno theme.

Now replace the wl-orange.css file with your desired color code.

Thanks.

That seem to be working. Help much appreciated..

One more query. How do I edit/change/remove the hover effects from the Menu bar text and other picture, button and text links?

Thank you.

Hi..

Please share your site URL.

Thanks.

https://seacret.co.in/wp/

It’s a test website of course

Thank you

Hi..

Please describe in which section you want to change.
are you want to remove or change hover effect ??

Thanks.