Style Switcher
Highlight Color:
Best viewed within the shop
You can also create your own highlight color from the Admin Panel.
Backgrounds:
You can also upload your own background from the Admin Panel.
You can also set your own colors or background from the Admin Panel.
.main-nav > ul > li.menu-item-has-children:hover > a:after,
.main-nav > div > ul > li.menu-item-has-children:hover > a:after,
.main-nav.normal > ul > li.current_page_item > a:after,
.main-nav.normal > ul > li.current-menu-item > a:after,
.main-nav.normal > div > ul > li.current_page_item > a:after,
.main-nav.normal > div > ul > li.current-menu-item > a:after,
.main-nav > ul > li.inuse > a:after,
.main-nav > div > ul > li.inuse > a:after,
.main-nav > ul > li.current_page_parent > a:after,
.main-nav > div > ul > li.current_page_ancestor > a:after,
#top-bar .ts-searchform.form-in-use input,
.widget_calendar table td#today,
#ts-news-ticker-nav .flex-direction-nav a,
.vertical-tabs ul.tab-header li.active:before,
.horizontal-tabs ul.tab-header li.active:before,
button,
.button,
.wpcf7-submit,
#button,
.spinner > div,
.woocommerce input[type="submit"],
.woocommerce input[type="button"],
.woocommerce .product-remove a.remove,
.loop .ts-meta-wrap .meta-item-date,
#copyright-nav-wrap { background-color: #f58a39; }
a,
a:hover,
a:visited,
a:active,
a:focus,
#logo a,
.top-stuff-side a:active,
.top-stuff-side a:focus,
.top-stuff-side a:hover,
#top-bar .side a:active,
#top-bar .side a:focus,
#top-bar .side a:hover,
#top-bar .middle-area a,
.woocommerce p.stars span a:hover,
.woocommerce-page p.stars span a:hover,
.woocommerce p.stars span a.active,
.woocommerce-page p.stars span a.active,
.ts-tabs-widget .tab-header li.active,
.main-nav-wrap #header-social ul li:before,
.main-nav-wrap #header-social ul li a:hover,
.main-nav ul > li.menu-item > a:hover,
.main-nav > ul > li > a:hover,
.main-nav > div > ul > li > a:hover,
.main-nav > ul > li.current_page_item > a,
.main-nav > ul > li.current-menu-item > a,
.main-nav > div > ul > li.current_page_item > a,
.main-nav > div > ul > li.current-menu-item > a,
.main-nav > ul > li.inuse > a,
.main-nav > div > ul > li.inuse > a,
.main-nav > ul > li.current_page_parent > a,
.main-nav > ul > li.current_page_ancestor > a,
.main-nav > div > ul > li.current_page_parent > a,
.main-nav > div > ul > li.current_page_ancestor > a,
.main-nav > ul > li.current_page_parent > a > .sf-sub-indicator,
.main-nav > div > ul > li.current_page_ancestor > a > .sf-sub-indicator,
.main-nav ul ul li.menu-item > a:hover,
.main-nav ul ul li.current_page_item > a,
.main-nav ul ul li.current-menu-item > a { color: #f58a39; }
.highlight { background-color: rgba(245, 138, 57, .1); color: #f58a39; }
.main-nav ul ul li.menu-item-has-children > a:hover:after { border-color: transparent transparent transparent #f58a39; }
#footer a,
#footer a:active,
#footer a:focus,
#footer a:hover,
#footer .ts-tabs-widget .tab-header li.active { color: #f58a39; }
.ts-pricing-column.featured,
button.outline,
.button.outline,
#button.outline,
.loop .post-category-heading a,
#ts-moon-comment-bubble:hover { border-color: #f58a39; }
.loop-slider-wrap .ts-item-details .comment-bubble:after,
#ts-moon-comment-bubble:hover:after { border-top-color: #f58a39; }
.border-primary { border-color: #f58a39 !important; }
.bg-primary { background-color: #f58a39 !important; }
.primary-color,
.color-shortcode.primary,
.color-primary { color: #f58a39 !important; }
.button.default,
.button.primary { background-color: #f58a39 !important; }
