CSS to change color
-
I wanted another color so I extracted the necessairy CSS rules and combined them as much as possible.
With the following custom CSS you can change the green colours to dark red. If you want another colour, just change the hex colour #89000b to whatever you like:
.blog-author-social li:hover,.tweet-btn a:hover,.service-area:hover,.portfolio-detail-info .project-btn:hover,.portfolio-tabs li.active > a,.portfolio-tabs li > a:hover{ border:1px solid #89000b; background:#89000b } .blog-blockquote blockquote,.blog-post-title-wrapper > blockquote,.blog-post-title-wrapper-full > blockquote{ border-left:3px solid #89000b } .callout-section{ border-top:1px solid #89000b; border-bottom:5px solid #89000b } .feature-icon{ background:#89000b } .header-top-area,.portfolio-detail-pagi li a:hover,.short-tabs li a,.sidebar-widget-tab > .active a{ background:none repeat scroll 0 0 #89000b } .other-service-area i,.service-box1 img{ border:2px solid #89000b } .pagetitle-separator-box{ background:#89000b none repeat scroll 0 0 !important } .portfolio-detail-info .project-btn{ border:1px solid #89000b } .prelated-project-btn li a:hover{ background:none repeat scroll 0 0 #89000b; border:1px solid #89000b } .proejct-btn a:hover,.flex_btn,.other-service-area:hover i{ border:2px solid #89000b; background:#89000b } .search_widget_input:focus{ border-color:#89000b } .sidebar-tweet-area p > a,.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,.team-area h5 > span,.tiled-gallery .tiled-gallery-item img,.tiled-gallery .tiled-gallery-item img:hover,.tweet-area p > a,.tweet-icon i,.typo-para-icons i,.typo-section h1,.typo-section h2, .typo-section h3,.typo-section h4, .typo-section h5,.typo-section h6,#calendar_wrap a,#comment-nav-below > .nav-previous a,#comment-nav-below > .nav-next a,#gallery-2 img,.about-social-icons li > a > i:hover,.blog-blockquote blockquote > small,.blog-post-date span.comment > i,.blog-post-title > .blog-post-title-wrapper > h1, .blog-post-title > .blog-post-title-wrapper > h2, .blog-post-title > .blog-post-title-wrapper > h3, .blog-post-title > .blog-post-title-wrapper > h4, .blog-post-title > .blog-post-title-wrapper > h5, .blog-post-title > .blog-post-title-wrapper > h6,.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 > 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 > 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,.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 h1, .blog-post-title-wrapper-full h1, .blog-post-title-wrapper h2, .blog-post-title-wrapper-full h2, .blog-post-title-wrapper h3, .blog-post-title-wrapper-full h3, .blog-post-title-wrapper h4, .blog-post-title-wrapper-full h4, .blog-post-title-wrapper h5, .blog-post-title-wrapper-full h5, .blog-post-title-wrapper h6, .blog-post-title-wrapper-full h6,.blog-post-title-wrapper h2 a:hover,.blog-post-title-wrapper-full h2 a:hover,.blog-post-title-wrapper p a,.blog-post-title-wrapper-full p a,.breadcrumbs > li >.active,.comment-awaiting-moderation,.comment-date a,.comment-detail > dl > dt a,.comment-detail > dl > dd a,.comment-detail > dl > dt a, .comment-detail > dl > dd 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-detail > table > tbody > tr > td > a,.comment-detail > table > tbody > tr > th > a:hover,.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 p a,.comment-form-section > .comment-respond > form#commentform > p.logged-in-as > a,.comment-form-section > .comment-respond > h3.comment-reply-title a,.comment-form-section > .comment-respond > h3.comment-reply-title > small > a,.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,.footer-blog-post:hover .post-date span.date,.footer-blog-post:hover .post-date span.month,.footer-blog-post:hover h3 a,.footer-copyright p a,.head-contact-social li:hover i,.home-blog-area:hover .home-blog-info h2 > a,.image-para-title,.page-breadcrumbs,.page-header-title h1 a,.portfolio-detail-info p > small > a,.portfolio-detail-info p > small > a:hover,.portfolio-detail-info p small,.post_message,.post-content li:hover a,.service-effect:hover .other-service-area1 i{ color:#89000b } .team-effect:hover .team-box img{ border:3px solid #89000b } .typo-section blockquote{ border-left:5px solid #89000b } .pagetitle-separator-border,.team-area:hover,.home-portfolio-showcase-overlay,.main-portfolio-showcase-overlay,.qua_contact_btn,.search_btn,.search_error,.search_heading,.short-btn-green,.sidebar-widget-tags a:hover,.sidebar-widget-tags a:hover,.tagcloud a:hover,.wallstreet_page_heading,#blogdetail_btn,a.blog-btn,.blogdetail-btn a,.blog-pagination a:hover,.blog-pagination a.active,.page-links a:hover,.page-links a.active,.blog-post-date span.date a,.callout-section a,.contact-detail-area i,.cont-btn a,.dropcape-circle span,.dropcape-square span,.google-map-title,.home-blog-btn a,.panel-default > .short-panel-heading h4,.post-date,.post-password-form input[type="submit"]{ background:#89000b !important }
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘CSS to change color’ is closed to new replies.