Change all color

  • hi there,

    I can only find threads on changing color of specific elements. Isn’t there a complete css for all the color elements in this theme?

    I think that would save a lot of time searching for every single element.

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

  • Hello
    Thanks for contacitng to us for this go to appearance >> customzier >> Customizing
    Colors.
    Change color code value as your need.
    https://prntscr.com/nev7aj
    Let us know for any confusion.

    Thanks
    AKhilesh

    Thread Starter btksnl

    (@btksnl)

    @akhlesh-nagar

    thank you very much for your reply. This doesn’t answer my question. the solution in the screenshot you posted is only for the background color. my question is for all existing color in the website.

    so I can replace #6f3825 with a color that I want.
    something like this:

    /* 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;
	}
}

    thanks,

    Brian

    Hello
    Changing color option feature is available in our pro version.
    See the snapshot https://prntscr.com/nf5hbq
    For this you need to use pro version.
    Let us know for any confusion.

    Thanks
    Akhilesh

    Thread Starter btksnl

    (@btksnl)

    @akhlesh-nagar

    hi,

    the screenshot you posted is again only about the background color. I would gladly go to the pro version if it would support “ALL” color changeability and not just the background color.

    I need to change every single thing that has the blue color code.

    So is the only option to rewrite the css file?

    thanks,

    Brian

    Hello
    Yes it will change background change of all the section.
    If you want to change text color, You need to rewrite css for particular section.

    Thanks
    Akhilesh

    Thread Starter btksnl

    (@btksnl)

    @akhlesh-nagar

    Hi,

    Ok can you then tell me how to adjust the colors as indicated in the printscreen?

    Thanks,

    Brian

    Hello
    If possible share your website url.
    So that we can take a look and assist you better.

    Thanks
    Akhilesh

    Thread Starter btksnl

    (@btksnl)

    @akhlesh-nagar

    Hi,

    yes I can

    https://btks.nl/sample-page/ and
    https://btks.nl/2019/04/18/hello-world/

    thanks,

    Brian

    Hello
    For this add the below css code inside the custom css box.

    .recentcomments a {
    color: #000fff ! important;
    }
    .page_scrollup {
    background-color: #fff000;
    }
    span.comment-date a {
    color: #000fff ! important;
    }

    .comment-detail p a {
    color: #000fff ! important;
    }

    Let us know for any confusion.
    Change color code value as your need.
    Thanks
    Akhilesh

    Thread Starter btksnl

    (@btksnl)

    @akhlesh-nagar

    Hi,

    This fixed it thank you very much! The only thing is that there is one text still blue and if you hover over the text is also becomes blue again. https://btks.nl/sample-page/

    thanks,

    Brian

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change all color’ is closed to new replies.