Hey Aferg93,
I noticed you posted on my other thread about the box color of the hover over the menu options – we are still waiting on a response on that (probably be tonight). In the meantme, I thought I’d share this with you. I’ve changed pretty much all of the colors on my site. This is the code the support guys shared with me before – hope it helps (and covers what you are looking for!):
A point to note about the color codes. I went with a dark blue – you would need to change the color codes to match whatever color you are looking for. In the examples below:
– #000666 and rgb(0,6,102) are the same color – dark blue
– #ffffff is white
And, let me stipulate as well that I am by no means an expert – figuring this out as I go!!! LOL Use the below at your own risk. All of it would go into the Custom CSS section.
/* Change Header Background Color */
.header_section { background-color: #ffffff !important; }
/* Change Header Font Color */
.head-contact-info li a { color: #000666 !important; }
.head-contact-info i { color: #000666 !important; }
/* Change Footer Background Color */
.enigma_footer_area { background: #000666 !important; }
/* Change Homepage Icon and Link Colors */
.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: rgba(0,6,102,.4) !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: rgba(0,6,102,.5) !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; }