Category colors

Home Forums Pro Version Category colors

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16233
    Mary Leamons
    Participant

    Hello,
    Is it possible to have each blog category a different color?
    Thank you,

    #16240
    Masonry Guy
    Keymaster

    Hi Mary,

    Ya it can be done. However there is custom worked needed for it.

    Our plugin sends category slug as class for each layout boxes. You can use the class name as reference for css to set the color as per your requirement.

    Thanks

    #16242
    Mary Leamons
    Participant

    Thank you so much for the quick response – do you have an example of what I would use and where it would be placed?

    #16249
    Masonry Guy
    Keymaster

    Hi Mary,

    Ya. Can do. Just to send instructions in details, can you please send me the url of the layout ? Also, is it background color of the box you want to change ? I will write css example as per it.

    Thanks

    #16262
    Mary Leamons
    Participant

    Thank you.
    I would be fine with the background of the post title hover color to be different colors – for example:
    http://www.annpbrennaninteriordesign.com/messages-from-ann/ These are the category “ann” I’d like to have the title background hover color #F18500
    http://www.annpbrennaninteriordesign.com/holidays/ with the category of “holidays” have the hover background turn #BD081C

    If you can send me the format of how this code would look, I can do the rest of them. Please also let me know where this code will go to activate it.

    Thank you!!

    #16273
    Masonry Guy
    Keymaster

    Hi Mary,

    This is custom css. So you can keep this in your css file or can you Custom CSS plugin to add this.

    .wmle_item_holder .category-ann .wmle_post_title:hover{
    	background: #F18500 !important; /*BACKGROUND COLOR*/
    	color:#fff !important; /* FONT color*/
    }
    
    .wmle_item_holder .category-holiday .wmle_post_title:hover{
    	background: #bd081c !important; /*BACKGROUND COLOR*/
    	color:#fff !important; /* FONT color*/
    }

    Hope this helps.

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Pro Version’ is closed to new topics and replies.