Category Images

Community Forums Forums Design Tips and Tricks Category Images

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  nutsandbolts 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #73207

    SimplyMeBrittany
    Participant
    Post count: 18

    I am racking my brain about how to have a specific image post next to the post title once assigned to a specific category like it does in the Blissful theme. I working with Beautiful Pro. I have managed to figure out how to get a picture to show beside each post title, but it’s the same picture, I want them to be different. My site link is http://laff-o-matics.com/

    This is what I have in the CSS so far and am wondering how do I add a category to each so that it functions the way I want.

    .featured-content .entry-title {
            font-size: 24px;
            font-size: 3.2rem;
            line-height: 1.2;
            background: #fff url(http://laff-o-matics.com/wp-content/uploads/2013/11/cat-news.png) no-repeat left;
            height: 47px;
            margin: 0 0 10px -30px;
            padding: 4px 0 0 120px;
    }

    It’s showing the news picture beside each post, but I also have a category for pictures and videos that I want to show their own image beside the post title.

    http://laff-o-matics.com/
    #73208

    nutsandbolts
    Moderator
    Post count: 3130

    I recently did this on a client site, set up this way:

    /* Category Icons
    --------------------------------------------- */
    
    .category-food .entry-title {
            background: url(domain.com/images/food-icon-small.png) no-repeat top left;
    }
    
    .category-shopping .entry-title {
            background: url(http://domain.com/images/shopping-icon-small.png) no-repeat top left;
    }
    

    Hopefully that helps.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #73213

    SimplyMeBrittany
    Participant
    Post count: 18

    Thank you! That worked perfectly!

    #73215

    nutsandbolts
    Moderator
    Post count: 3130

    No problem! If you don’t mind, please mark this topic as resolved so we’ll know you’ve been helped. You can always open a new topic later if you need to. :)


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Category Images’ is closed to new replies.