BuilderChild-Threads
(Difference between revisions)
(Added == How to remove red line on current (active) menu item ==) |
(Added == How to change background color of Cart button in nav bar upon hover ==) |
||
Line 28: | Line 28: | ||
[[File:Screen Shot 2013-01-25 at 10.18.04 AM.png|800px|thumb|none|After]] | [[File:Screen Shot 2013-01-25 at 10.18.04 AM.png|800px|thumb|none|After]] | ||
− | == | + | == How to change background color of Cart button in nav bar upon hover == |
+ | |||
+ | <gallery widths=149px heights=74px> | ||
+ | File:2013-01-25 15-06-33.png|Before | ||
+ | File:2013-01-25 15-06-04.png|After | ||
+ | </gallery> | ||
+ | |||
+ | Add the following at the end of wp-content/themes/BuilderChild-Threads/shopp/shopp.css: | ||
+ | |||
+ | <pre class="brush:css;"> | ||
+ | .builder-module-navigation .nav-shopp-cart a.view-cart:hover, | ||
+ | .builder-module-navigation .nav-shopp-cart a.empty-cart:hover { | ||
+ | background-color: #ff03af; /* set this to your desired value */ | ||
+ | } | ||
+ | </pre> | ||
== Item 3 == | == Item 3 == | ||
== Item 4 == | == Item 4 == |
Revision as of 04:39, January 25, 2013
Contents |
Intro
Need to build an online t-shirt shop on WordPress? We released a new feature-rich responsive-ready Builder Child Theme, Threads.
Threads is designed to integrate exclusively with Shopp, our favorite ecommerce plugin for WordPress. Threads includes 15+ Shopp-specific styled templates so you'll have one consistent look across the theme and ecommerce portions of the site, plus custom styles for product views, cart-in-navigation settings and much more.
Blog entry announcing the release of Threads
Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):
.builder-module-navigation .current_page_item > a, .builder-module-navigation .current-cat > a, .builder-module-navigation .current-menu-item > a, .builder-module-navigation .menu > .current_page_ancestor > a { box-shadow: none; }
Add the following at the end of wp-content/themes/BuilderChild-Threads/shopp/shopp.css:
.builder-module-navigation .nav-shopp-cart a.view-cart:hover, .builder-module-navigation .nav-shopp-cart a.empty-cart:hover { background-color: #ff03af; /* set this to your desired value */ }