• Home
  • Documentation
    • Custom Home Page
    • Category – Royal Footer Bar
    • Custom Documentation Header
    • Private Documentation
    • Private Attachment Files
    • Post Modified Date
    • Documentation Access By Role
    • Menu Scroller
    • Post With Related Articles
  • knowledge base
  • Suggestion Form
  • Home
  • Documentation
    • Custom Home Page
    • Category – Royal Footer Bar
    • Custom Documentation Header
    • Private Documentation
    • Private Attachment Files
    • Post Modified Date
    • Documentation Access By Role
    • Menu Scroller
    • Post With Related Articles
  • knowledge base
  • Suggestion Form
home/Knowledge Base/CarDealer WordPress Theme/Changing orange default color on all elements to your preferable color
Popular Search:Getting Started

Changing orange default color on all elements to your preferable color

103 views 1 March 24, 2019 helpdesk

In this topic we would like to inform you that we are working on improving the color adjustment feature on our theme  and on the current theme version you can not adjust all theme element optionally through the Theme Options.  However you can get any colors adjusted through custom css.  If you are inclined in coding you definitely know how to find the selector of a specific element and then just adjust its color code through the custom css in the Theme Options > Styling.  you just need to insert a selector, adjust a color code and click save all change button and the changes should appear on the front end – if these don’t appear then check on the cache and make sure its cleared up.  Here is a list of all selectors with the default orange color, you can just copy all of these, insert into Theme Options > Styling > custom css, set your color code and click save all changes, please review the screenshot for reference:

.header .top-bar .widget.widget_contacts li[class^="icon-"]::before, h3, .recent_news_wrapper .rnc_content .entry h4 a, .price, .section-title > span, .widget .widget-title > span, .comment-reply-title > span, #footer a:not(.button), .widget_timetable li.is_closed, .header.alternate .navigation > ul > li.current-menu-item > a, .header.alternate .navigation > ul > li.current-menu-parent > a, .header.alternate .navigation > ul > li.current-menu-ancestor > a, .header.alternate .navigation > ul > li:hover > a, .header.alternate .navigation > ul ul li.current-menu-item > a, .header.alternate .navigation > ul ul li.current-menu-parent > a, .header.alternate .navigation > ul ul li.current-menu-ancestor > a, .car-location b, .item-car .type-car-position li, .header .top-bar .widget.widget_contacts li[class^="icon-"]::before, ul.tabs-nav .active a, ul.list li.type-1 span, .tmm-view-mode article .compare label {
 color: #387ace !important;
 }
 .account-wrapper .log, .form-reg, .quicksearch-container .submit-search, .lc-button.orange, .page-subheader .layout-switcher .layout-grid.active, .tab-content ul.list li.type-1::before {
 background-color: #387ace !important;
 }
 .ca-shortcode-alt:hover i.ca-icon::before {
 background-color: #387ace !important;
 border-color: #387ace !important;
 }
 .ca-shortcode-alt i.ca-icon::before {
 border-color: #387ace !important;
 }
 .price::before {
 border-bottom: 1px dashed #387ace;
 }
 .orange, #content input[type="submit"], #commentform #submit {
 background: #387ace none repeat scroll 0 0;
 }

Was this helpful?

1 Yes  No
Related Articles
  • Adding custom car body name
  • CarDealer – editing or removing “Developed by” section in footer
  • Importing custom car makes and models
  • Sharing the vehicle Ads via inbuilt social network plugin
  • Enabling user registration
  • Car makes/models and car locations

Didn't find your answer? Contact Us

Leave A Comment Cancel reply

  Enabling user registration

CarDealer – editing or removing “Developed by” section in footer  

  • © 2018 ThemeMakers. All Rights Reserved. Privacy Policy | Terms of Use

Popular Search:Getting Started