• Hello, my name is Lucas and I’m new to creating web sites.
    I would like to change the green color that is standardized in the Leo theme to brown. The color of the header, where you mouse over, button and etc but do not know 🙁
    I’d like some help from you, please.
    Att,
    Lucas Alves.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi alvesluc,

    Thanks for contacting us,

    Can you provide us URL of your website so that we can inspect it and give you a proper solution.

    Thanks

    Thread Starter alvesluc

    (@alvesluc)

    Hi,
    Is: filcafe.com.br
    Att,
    Lucas Alves

    Hi

    For this paste the following css code in custom css filed (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    /* Border Colors */
    .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #6f3825; }
    .flex_btn, .other-service-area:hover i, .proejct-btn a:hover { border: 2px solid #6f3825; }
    .service-area:hover{background-color:#6f3825;}
    .service-area:hover, .service-btn a, .tweet-btn a:hover, .team-area:hover, .blog-pagination a:hover, .blog-pagination a.active, .sidebar-widget > .tagcloud a:hover, .blog-author-social li:hover, .reply a:hover, .portfolio-tabs li.active > a, .portfolio-tabs li > a:hover, .portfolio-detail-pagi li a:hover, .portfolio-detail-info .project-btn:hover, .prelated-project-btn  li a:hover { border: 1px solid #6f3825; }
    .team-effect:hover .team-box img { border: 3px solid #6f3825; }
    .callout-section { border-top: 1px solid #6f3825; border-bottom: 5px solid #6f3825; }
    .search_widget_input:focus { border-color: #6f3825; }
    .blog-blockquote blockquote, .blog-post-title-wrapper > blockquote, .blog-post-title-wrapper-full > blockquote { border-left: 3px solid #6f3825; }
    .typo-section blockquote { border-left: 5px solid #6f3825; }
    
    /* Shadow Color */
    
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .comment-date a, .blog-post-date span.comment > i, .home-blog-area:hover .home-blog-info h2 > a, a.url, .head-contact-social li:hover i, .service-effect:hover .other-service-area1 i, 
    .tweet-icon i, .tweet-area p > a, .footer-blog-post:hover .post-date span.date, .footer-blog-post:hover .post-date span.month, 
    .footer-copyright p a, 
    .page-header-title h1 a,.breadcrumbs > li >.active, .page-breadcrumbs, 
     .blog-post-title-wrapper h2 a:hover, .blog-post-title-wrapper-full h2 a:hover, .blog-post-title-wrapper > table > tbody > tr > th > a, .blog-post-title-wrapper-full > table > tbody > tr > th > a, .blog-post-title-wrapper > table > tbody > tr > th > a:hover, .blog-post-title-wrapper-full > table > tbody > tr > th > a:hover,td > a, td > a:hover, 
    .footer_widget_column > ul > li > a:hover,
    .footer_widget_column > ul > li > ul > li > a:hover,
    .footer_widget_column > ul > li > ul > li > ul > li > a:hover, .sidebar-widget > ul > li > a:hover,
    .sidebar-widget > ul > li > ul > li > a:hover,
    .sidebar-widget > ul > li > ul > li > ul > li > a:hover, 
    .sidebar-widget div#calendar_wrap table > caption,.footer_widget_column div#calendar_wrap table > caption, #calendar_wrap a, .sidebar-tweet-area p > a, .post-content li:hover a, 
    .blog-blockquote blockquote > small, 
    .comment-form-section > .comment-respond > h3.comment-reply-title a, .comment-form-section > .comment-respond > h3.comment-reply-title > small > a, .comment-form-section > .comment-respond > form#commentform > p.logged-in-as > a, .comment-awaiting-moderation, .image-para-title, 
    .blog-post-title-wrapper > dl > dt a,
    .blog-post-title-wrapper-full > dl > dt a,
    .blog-post-title-wrapper > dl > dd a,
    .blog-post-title-wrapper-full > dl > dd a, 
    .blog-post-title-wrapper > ul,
    .blog-post-title-wrapper > ul > li a,
    .blog-post-title-wrapper-full > ul,
    .blog-post-title-wrapper-full > ul > li a,
    .blog-post-title-wrapper > ul > li > ul > li a,
    .blog-post-title-wrapper-full > ul > li > ul > li a,
    .blog-post-title-wrapper > ul > li > ul > li > ul > li a,
    .blog-post-title-wrapper-full > ul > li > ul > li > ul > li a, 
    .blog-post-title-wrapper > ol,
    .blog-post-title-wrapper > ol > li a,
    .blog-post-title-wrapper-full > ol,
    .blog-post-title-wrapper-full > ol > li a,
    .blog-post-title-wrapper > ol > li > ol > li a,
    .blog-post-title-wrapper-full > ol > li > ol > li a,
    .blog-post-title-wrapper > ol > li > ol > li > ol > li a,
    .blog-post-title-wrapper-full > ol > li > ol > li > ol > li a , 
    .blog-post-title-wrapper p a, .blog-post-title-wrapper-full p a, .post_message, .comment-detail > table > tbody > tr > th > a:hover, .comment-detail > table > tbody > tr > td > a, .comment-detail p a, .comment-detail > dl > dt a, .comment-detail > dl > dd a , .comment-detail > dl > dt a,
    .comment-detail > dl > dd a, .comment-detail > ul,
    .comment-detail > ul > li a,
    .comment-detail > ul,
    .comment-detail > ul > li a,
    .comment-detail > ul > li > ul > li a,
    .comment-detail > ul > li > ul > li > ul > li a, .comment-detail > ol,
    .comment-detail > ol > li a,
    .comment-detail > ol > li > ol > li a,
    .comment-detail > ol > li > ol > li > ol > li a, #comment-nav-below > .nav-previous a, #comment-nav-below > .nav-next a, .tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover, #gallery-2 img {color:#6f3825;}
    
    .navbar .navbar-nav > .active > a,
    .navbar .navbar-nav > .active > a:hover,
    .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .open > a:hover,
    .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .blog-pagination a:hover, .blog-pagination a.active, .page-links a:hover, .page-links a.active, .flex_btn, .pagetitle-separator-border, .other-service-area:hover i, .home-portfolio-showcase-overlay, .proejct-btn a:hover, .home-blog-btn a, .tweet-btn a:hover, .post-date, .blog-post-date span.date a, .sidebar-widget-tags a:hover, .tagcloud a:hover, .search_btn, .search_error, .search_heading, .sidebar-widget-tags a:hover, .blog-author-social li:hover, .blogdetail-btn a , #blogdetail_btn , .wallstreet_page_heading, .post-password-form input[type="submit"], a.blog-btn, .wpcf7-submit {background-color: #6f3825 !important;}
    
    .header-top-area, .sidebar-widget-tab > .active a, .pagetitle-separator-box {
    	background: none repeat scroll 0 0 #6f3825;
    }
    
    .flex_btn, .service-box1 img, .other-service-area i, .other-service-area:hover i, .proejct-btn a:hover {border: 2px solid #6f3825;}
    
    .blog-author-social li:hover, .tweet-btn a:hover { border: 1px solid #6f3825;}
    
    .blog-blockquote blockquote, .blog-post-title-wrapper > blockquote, .blog-post-title-wrapper-full > blockquote{ border-left: 3px solid #6f3825; }
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    	color: #6f3825 !important;
    }
    	
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, 	
    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
        background-color: transparent !important;
        color: #6f3825 !important;
    	}
    }
    
    @media only screen and (min-width: 200px) and (max-width: 480px) {
    	
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    	color: #6f3825 !important;
    }	
    
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, 
    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
        background-color: transparent !important;
        color: #6f3825 !important;
    	}
    }

    Change the color code as you need.

    Thanks

    Thread Starter alvesluc

    (@alvesluc)

    Thank you very much. That’s why I value you helping those who need it. I’ve been trying all day yesterday. Thank you very much!
    Att,
    Lucas Alves.

    Hi alvesluc,

    Glad to know it worked for you.
    We would really appreciate if you could provide us a review here:
    https://wordpress.org/support/theme/wallstreet/reviews/#new-post

    If you have any more questions, feel free to ask again!

    Close this ticket!!!

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Green Pattern Color’ is closed to new replies.