Changing Original Blue Color

From your question, I’m going to assume that you already know a bit about CSS, enough to know which part is the hex color codes and how to use them.

1) Thin blue line beneath logo area but above menu area going full width of page.

.navigation_menu {
    border-top: 2px solid #31A3DD;
}

2) Blue underline of “Service” section title.

.enigma_heading_title h3 {
    border-bottom: 4px solid #31A3DD;
}

3) Service icon turns blue when hovering.

.enigma_service_area:hover .enigma_service_iocn i {
    color: #31A3DD;
}

4) On mobile site, menu icon is blue.

.navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
}

Hi.@ThePixelMe

Thanks for above suggestion.

@ljkep86 this solution is perfectly worked, you can replace the color according to your choice.

Thanks.

Worked perfectly! Thank you!!

Sorry one more.

The Read more button in the slider, it has a blue border and words also turn blue when hovering. Thanks again!

read-more button font color and border color on hover:

.enigma_blog_read_btn:hover {
    color: #31A3DD;
    border-color: #31A3DD;
}

Great! And read more button border color when not hovering?

This should cover almost every read-more button in the theme, default state & on-hover state:

/* Default font color and border color for all read-more buttons */
.enigma_blog_read_btn {
    color: #31A3DD;
    border-color: #31A3DD;
}

/* On-Hover font color and border color for all read-more buttons */
.enigma_blog_read_btn:hover {
    color: #31A3DD;
    border-color: #31A3DD;
}

/* Default font color and border color for read-more buttons of Slider */
.carousel-text .enigma_blog_read_btn {
    color: #31A3DD;
    border-color: #31A3DD;
}

/* On-Hover font color and border color for read-more buttons of Slider */
.carousel-text .enigma_blog_read_btn:hover {
    color: #31A3DD;
    border-color: #31A3DD;
}

Thank you again!

Hi.@ThePixelMe

Thanks for giving above suggestions.

I′m trying to change on the Slider the blue part where we describe “Slider description” …. someone knows where this code is?

I’m not an expert at this at all but I think this is what I used-

.carousel-list li { background: rgba(0,0,0,0.8) !important;}

Hi..

yes, you can use this css, it is correct to change background color of slider description.

Thanks.

Hello
Majority of the baby blue colour has been changed on my website, but the search box and all the other boxes on the websites are still blue.
how do i change this?

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.