Skip to content

Instantly share code, notes, and snippets.

@DivaVocals
Last active August 29, 2015 14:13
Show Gist options
  • Save DivaVocals/c80c254c1e0b7e9ce68e to your computer and use it in GitHub Desktop.
Save DivaVocals/c80c254c1e0b7e9ce68e to your computer and use it in GitHub Desktop.
WordPress for Zen Cart CSS to format the Blog Categories, Blog Pages, & Blog Archives sideboxes to match Better Categories formatting
/*apply better categories sidebox styling to wp4zen sideboxes*/
#wpcategoriessideboxContent, #wppagessideboxContent, #wparchivessideboxContent{border-top:1px solid #dbdbce;padding: 0px 5px;}
/*bof better categories list formatting for wp4zen*/
li.cat-item a, li.cat-item a:hover, li.cat-item a:active, li.page_item a, li.page_item a:hover, li.page_item a:active, #wparchivessideboxContent ul li a, #wparchivessideboxContent ul li a:hover, #wparchivessideboxContent ul li a:active{padding-left:40px;color:#0C4169 !important;}
li.cat-item:hover, li.cat-item:active, li.page_item:hover, li.page_item:active, #wparchivessideboxContent ul li:hover, #wparchivessideboxContent ul li:active{background-color: #7daf00;color:#0C4169;margin-left:-5px;margin-right:-5px;}
li.cat-item, li.page_item, #wparchivessideboxContent ul li {display: block;background-color: #fffffe;border-top: 0px solid #ffffff;border-bottom:1px solid #dbdbce;padding: 5px 4px 5px 0px;transition:background 2s ease;-webkit-transition:background 2s ease;-moz-transition:background 2s ease;-o-transition:background 2s ease;color:#0C4169;margin-left:-5px !important;margin-right:-5px !important;}
li.cat-item:last-child, li.page_item:last-child, ul.children li.page_item:last-child, #wparchivessideboxContent ul li:last-child {border-bottom:0px;}
ul.children li.page_item a,ul.children li.page_item a:hover,ul.children li.page_item a:active{padding-left:50px;}
ul.children li.page_item:hover, ul.children li.page_item:active{background-color:#E8F9BC;}
ul li.page_item_has_children ul.children li.page_item, ul li.page_item_has_children ul.children li.page_item:hover{border-right:1px solid #dbdbce;}
li.cat-item:before, li.page_item:before, ul.children li.page_item:before, #wparchivessideboxContent ul li:before{position:absolute;font-family: FontAwesome;content: "\f0da";}
li.page_item:before{padding-left:20px;position:absolute;font-family: FontAwesome;content: "\f0d7";}
li.cat-item:before, li.page_item:before, #wparchivessideboxContent ul li:before{padding-left:20px;}
ul.children li.page_item:before{padding-left:35px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment