• Hey all,

    I’m having trouble changing the light blue color that pops up when you hover over the portfolio options as well as the color of the bottom border underneath it. How do I change that away from the standard light blue?

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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; }

    Hi,

    did the above solution work for you

    Thanks

    Thread Starter aferg93

    (@aferg93)

    Thanks everyone for the help, but it’s still not working! So far, I’ve been able to change the color on just about everything BUT the color that appears when you hover over the top menu and when you hover over the portfolio options. Even with all of the CSS, the color that appears is still the very same light blue!

    Hi,

    Please provide the website URL here.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Portfolio Highlight Color?’ is closed to new replies.