WordPress.com

1. cloudoflace
   Member
   Mar 13, 2013, 5:41 PM

   Hello,

   I need help on how to customize the categories on my blog. I want them to show in the form of images instead of a list of words. For example, I want to add an image of a plate for recipes, and an image of an outfit for Outfits, etc...
   Also how can I do that for my Facebook, Twitter, and Instagram tabs? i want to add cool Icons instead of just the default tab.

   Thank you so much!!

   The blog I need help with is cloudoflace.com.

2. thesacredpath
   Member
   Mar 14, 2013, 4:56 AM

   Each category item has an ID number. You can add background images to the categories in the widget and then do some trickery set a negative left margin (-999px) to move the text far off to the left and out of site.

   You would create new rules for each category in the CSS using the classes that are set for each category. Example: cat-item-10151 is your At Home category. You would create rules for each individual category. You would upload your images to the media library in the size needed, which appears to be around 35px in height. This could be adjusted to accommodate larger images with a little more CSS work.

   I've not tried any of the below, but I am pretty sure it will work for you..

   .cat-item-10151 {
   background: url("URL OF THE ICON") no-repeat scroll 0 0 transparent;
   }
   
   .cat-item-10151 a {
   margin-left: -999px;
   }

   Under settings > sharing, you can add your own sharing services and use new images. Basically you would be creating new services to replace the existing.

   http://en.support.wordpress.com/sharing/#adding-your-own-service

Topic Closed

This topic has been closed to new replies.