Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Alternating background colors for category items in sidebar category widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 31, 2011, 08:40 AM
Cheers
 
105 posts · Jun 2010
Alternating background colors for category items in sidebar category widget

Is it possible to have alternating background colors for textual category items in a sidebar widget? Perhaps even a small alternating icon for each category?

I have attached a screen snap to show what I have. Notice that the categories alternate between mac and windows. It would be nice if I could tie a small mac icon to the post mac tags and a windows icon to the post windows tags. Then if I could alternate the line background colors, ie. blue for mac, green for windows or vice versa.

Any advice and/or help greatly appreciated

cheers.


Last edited by Cheers; Nov 28, 2011 at 06:05 AM.
  #2  
Old Oct 31, 2011, 09:45 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
if the categories had a class assigned to them, like 'mac' and 'windows' then you might be able to use some CSS to do what you want.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Oct 31, 2011, 10:54 AM
Cheers
 
105 posts · Jun 2010
How would I do that? There is nothing in the category editor that even indicates a place to put a class. I'd really appreciate it if you would show me how to do this.
  #4  
Old Oct 31, 2011, 11:11 AM
lmilesw's Avatar
lmilesw
 
10,046 posts · Jul 2009
Central New York State USA
You can use Firebug in Firefox to determine the classes. If you put those posts in the categories of mac and windows most like the class will be category-mac and category-windows
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Nov 2, 2011, 06:22 AM
Cheers
 
105 posts · Jun 2010
I used Firebug to capture the html for the following two categories:

<a*title="View all posts filed under Arkanoid (MAC)"*href="http://yourbestgamesstore.com/category/arcade-action-4/arkanoid-38">Arkanoid (MAC)</a>

<a*title="View all posts filed under Arkanoid (WIN)"*href="http://yourbestgamesstore.com/category/arcade-action-6/arkanoid-40">Arkanoid (WIN)</a>

It seem to me that what determines the category in the first instance is /arkanoid-38"> and in the second instance /arkanoid-40"> I'm the one that put the (MAC) and (WIN) in the text that actually shows as the category on the page. Problem is that these games come in by rss feed and whenever a new game comes in it just ignores my changes and plops in a new category with no reference to either (MAC) or (WIN).

So It would be nice if I could remove all the (MAC) and (WIN) that I have added and get to a point where the rss supplied category would automatically put a different colored background with either a win or mac logo for each category.

Advice?
  #6  
Old Nov 2, 2011, 07:05 AM
lmilesw's Avatar
lmilesw
 
10,046 posts · Jul 2009
Central New York State USA
Firebug will show you the category. Then you use CSS in the CSS Inserts box of the theme options to give a background color to those categories.

The class will be on the <li...> that includes the <a...>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by juggledad; Nov 2, 2011 at 07:27 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing category order in category menu bar, not in sidebar cat. list paulae Page & Category Menu Bars 13 Mar 30, 2011 05:36 PM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
Background Image for Category Menu Items joan Page & Category Menu Bars 3 Apr 19, 2010 03:30 AM
How to show alternating items of two categories on one page Sakshin Header configuration & styling 8 Nov 16, 2009 08:06 AM


All times are GMT -6. The time now is 05:38 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.