• Resolved admintax

    (@admintax)


    I want to change the blue to another color while keeping the background white. For example, the background, menu. buttons.etc. Please let me know how this is possible. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter admintax

    (@admintax)

    Figured it out. You have to change under css files

    Hello admintax,

    You can change color in a default.css file so blue color is changed. Go to enigma theme directory -> CSS folder -> default.css file. Here you can change color code #31A3DD to color code you want.
    Please let us know for further query.

    Thanks.

    If you want to change the color and not effect anything else on accident, copy only these lines from the css file. Use a text editor to replace ’31A3DD’ with whatever color you want. In the customize section, in theme options > general theme options – paste your edited css into the css editor section there. That way whenever the theme updates, you wont lose your changes.

    .hd_cover {
    	 background-color:#31A3DD;
    }
    .navigation_menu{
    	border-top:2px solid #31A3DD;
    }
    .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: #31A3DD;
    }
    .collapse ul.nav li.current-menu-parent .dropdown-toggle, .collapse ul.nav li.current-menu-item .dropdown-toggle,
    .navbar-default .navbar-collapse ul.nav li.current-menu-parent .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current-menu-item .dropdown-toggle
    .collapse ul.nav li.current_page_ancestor .dropdown-toggle,.collapse ul.nav li.current_page_ancestor .dropdown-toggle,
    .navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle
    {
    	background-color: #31A3DD;
    }
    
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
    	background-color: #31A3DD;
    }
    
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
    	background-color: #31A3DD;
    }
    
    .enigma_heading_title h3 {
    	border-bottom: 4px solid #31A3DD;
    }
    .enigma_heading_title2 h3 {
    	border-bottom: 2px solid #31A3DD;
    }
    .enigma_service_iocn{
    	border: 4px solid #31A3DD;
    	background-color:#31A3DD;
    	background-image: linear-gradient(to bottom, #31A3DD 50%, #fff 50%);
    }
    .enigma_service_area:hover .enigma_service_iocn i {
    	color:#31A3DD;
    }
    .enigma_service_area:hover .enigma_service_iocn{background-color:#ffffff;}
    .enigma_service_iocn_2 i{
    	border: 4px solid #31A3DD;
    }
    .enigma_service_iocn_2 i{
    	color: #31A3DD;
    	background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);
     }
    .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a {
    	background-color: #31A3DD;
    	border:2px solid #31A3DD;
    }
    .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a:hover{
    	border:2px solid #31A3DD;
    	color:#31A3DD;
    }
    .enigma_home_portfolio_caption {
    	border-bottom:4px solid #31A3DD;
    }
    
    .enigma_home_portfolio_caption:hover{
        background: #31A3DD;
    }
    .img-wrapper:hover .enigma_home_portfolio_caption{
     background: #31A3DD;
     border-left:1px solid #31A3DD;
    	border-bottom:4px solid #31A3DD;
    	border-right:1px solid #31A3DD;
    }
    .enigma_proejct_button a {
    	border: 2px solid #31A3DD;
    }
    .enigma_proejct_button a:hover {
    	color: #31A3DD;
    	border: 2px solid #31A3DD;
    }
    
    .enigma_carousel-prev, .enigma_carousel-next {
    	border: 2px solid #31A3DD;
    }
    .enigma_carousel-prev:hover, .enigma_carousel-next:hover {
        background-color: #31A3DD;
    	color:#fff;
    }
    .enigma_carousel-prev i,
    .enigma_carousel-next i {
    	color: #31A3DD;
    }
    
    .enigma_portfolio_detail_pagi li a {
    	color: #404040;
    	border:2px solid #31A3DD;
        background-image: linear-gradient(to bottom, #31A3DD 50%, #ffffff 50%);	
    }
    .enigma_portfolio_detail_pagi li a:hover {
    	border:2px solid #31A3DD;
    }
    }
    .enigma_portfolio_detail_pagi li a:hover span{
    	color:31A3DD;
    }
    .enigma-project-detail-sidebar .launch-enigma-project a {
    
    	border: 2px solid #31A3DD;
        background-image: linear-gradient(to bottom, #31A3DD 50%, #ffffff 50%);
    }
    .enigma-project-detail-sidebar .launch-enigma-project a:hover {
    	color: #31A3DD;
    	border: 2px solid #31A3DD;
    }
    .enigma_gallery_showcase .enigma_gallery_showcase_icons a {
    	background-color: #31A3DD;
    	border:2px solid #31A3DD;
    }
    
    .enigma_gallery_showcase .enigma_gallery_showcase_icons a:hover{
    	border:2px solid #31A3DD;
    	color:#31A3DD;
    }
    .enigma_blog_thumb_wrapper{
    	border-bottom: 5px solid #31A3DD;
    }
    .enigma_blog_thumb_wrapper h2 a{
    	color:#31A3DD;
    }
    
    .enigma_blog_thumb_wrapper h2:hover a{
    	color:#31A3DD;
    
    }
    .enigma_blog_thumb_date li i{
    	color: #31A3DD;
    }
    .enigma_tags a ,.enigma_cats a{
        background-image: linear-gradient(to bottom, #edf0f2 50%, #31A3DD 50%);
     }
    
    .enigma_tags a:hover , .enigma_cats a:hover{
    	background-color:#31A3DD;
    }
    .enigma_tags a i ,.enigma_cats a i{
    	color:#31A3DD;
    }
    .enigma_blog_thumb_wrapper span a i{
    	color: #31A3DD;
    }
    .enigma_blog_read_btn{
    	border: 2px solid #31A3DD;
    	background-color:#31A3DD;
        background-image: linear-gradient(to bottom, #31A3DD 50%, #fff 50%);
       }
    .enigma_blog_read_btn:hover{
    	color: #31A3DD;
    }
    
    .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a {
    	background-color: #31A3DD;
    }
    .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a:hover{
    	border: 2px solid #31A3DD;
    	color: #31A3DD;
    }
    .enigma_post_date {
    	background: #31A3DD;
    }
    .enigma_blog_comment:hover i, .enigma_blog_comment:hover h6{
    	color:#31A3DD;
    } 
    .enigma_fuul_blog_detail_padding h2 a ,.enigma_fuul_blog_detail_padding h2{
    	color:#31A3DD;
    }
    .enigma_fuul_blog_detail_padding h2  a:hover{
    	color:#31A3DD;
    }
    .enigma_recent_widget_post h3 a {
    	color:#31A3DD;
    }
    .enigma_sidebar_widget {
    	border-left: 3px solid #31A3DD;
    	border-right: 3px solid #31A3DD;
    	border-bottom: 3px solid #31A3DD;
    }
    .enigma_sidebar_widget_title{
    	background:#31A3DD;
    }
    .enigma_sidebar_link p a:hover  , .enigma_sidebar_widget ul li a:hover {
    	color: #31A3DD;
    }
    
    .enigma_widget_tags a , .tagcloud a {
        background-image: linear-gradient(to bottom, #edf0f2 50%, #31A3DD 50%);
     }
    .enigma_widget_tags a:hover , .tagcloud a:hover {
    	border: 1px solid #31A3DD;
    	background-color:#31A3DD;
    	}
    
    /** blog detail **/
    .enigma_author_detail_wrapper{
    	background: #31A3DD;
    }
    .enigma_author_detail_wrapper{
    	border-left:2px solid #31A3DD;
    }
    .reply a {
    	color: #31A3DD;
    }
    .enigma_con_input_control:focus, .enigma_con_textarea_control:focus,
    .enigma_contact_input_control:focus, .enigma_contact_textarea_control:focus {
      border-color: #31A3DD;
      -webkit-box-shadow: inset 0 0px 0px #31A3DD, 0 0 5px #31A3DD;
              box-shadow: inset 0 0px 0px #31A3DD, 0 0 5px #31A3DD;
    }
    .enigma_send_button , #enigma_send_button{
    	border-color: #31A3DD;
        background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);
    }
    .enigma_send_button:hover ,#enigma_send_button:hover{
        border: 2px solid #31A3DD;
    	background-color:#31A3DD;
    }
    
    .enigma_blog_pagi a {
    	background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);
    }
    .enigma_testimonial_area i{
    	color:#31A3DD;
    }
    .enigma_testimonial_area img{
    	border: 10px solid #31A3DD;
    }
    .pager a{
    	background: #fff;
    	border: 2px solid #31A3DD;
    }
    .pager a.selected{
    	background: #31A3DD;
    	border: 2px solid #31A3DD;
    }
    .enigma_client_wrapper:hover {
    	border: 4px solid #31A3DD;
    
    }
    .enigma_client_prev, .enigma_client_next {
    	border: 2px solid #31A3DD;
    }
    .enigma_client_prev:hover, .enigma_client_next:hover {
        background-color: #31A3DD;
    }
    .enigma_carousel-prev i,
    .enigma_carousel-next i {
    	color: #31A3DD;
    }
    /**** About us page Css *************************************************
    ****************************************************************/
    .enigma_team_showcase .enigma_team_showcase_icons a {
    	background-color: #31A3DD;
    	border:2px solid #31A3DD;
    }
    
    .enigma_team_showcase .enigma_team_showcase_icons a:hover{
    	border:2px solid #31A3DD;
    	color:#31A3DD;
    }
    
    .enigma_team_caption:hover{
        background: #31A3DD;
    }
    .enigma_team_wrapper:hover .enigma_team_caption{
     background: #31A3DD;
    }
    .enigma_callout_area {
    	background-color: #31A3DD;
    
    }
    .enigma_footer_area{
    	background: #31A3DD;
    }
    .enigma_contact_info li .desc {
    	color: #31A3DD;
    }
    .enigma_dropcape_square span {
    	background-color: #31A3DD;
    }
    .enigma_dropcape_simple span {
        color: #31A3DD;
    }
    .enigma_dropcape_circle span {
    	background-color: #31A3DD;
    }
    .breadcrumb li a {
    color: #31A3DD !important;
    }
    .progress-bar {
    	background-color: #31A3DD !important;
    }
    .btn-search{
    	background:#31A3DD !important;
    }
    .nav-pills > li  > a{
    	border: 3px solid #31A3DD !important;
        background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%) !important;
    }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    	background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%) !important;
    	background-color:#31A3DD;
    }
    .nav-stacked > li  > a
    {
    	border: 3px solid #31A3DD !important;
        background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%) !important;
     }
     .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
    	background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%) !important;
    	background-color:#31A3DD;
    }
    
    .navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
    }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #31A3DD !important;
    }
    .enigma_blockquote_section blockquote {
    border-left: 5px solid #31A3DD ;
    }
    #wp-calendar caption {
    background-color: #31a3dd;
    }
    .enigma_footer_widget_column ul li a ,.enigma_footer_widget_column ul#recentcomments li {color: #f2f2f2;}
    .enigma_footer_widget_column ul li a:hover{color: #31a3dd;}
    .enigma_blog_pagi a:hover, .enigma_blog_pagi a.active {
    background-color: #31A3DD;
    }

    @designdebonair : Thanks for contribution, Making this ticket closed.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Editing blue theme’ is closed to new replies.