How to add a hover color effect on posts widget plugin for each section when mouse is on top?

  • ianizaguirre

    #7739

    Hi, How can I add a hover effect for each section on a recent posts plugin that I am using? You can see the plugin on this page of mine : Posts Plugin on sidebar

    I tried myself but was only able to make the hover effect for each posts text link using this :

    .rpbc_content a:hover {
    background: -moz-linear-gradient(center top , #FF9B9B 1px, #FE5555 1px, #E43838) repeat scroll 0 0 transparent !important;
    border-color: #AD2D2D !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px #B72E2E !important;
    }

    But I don’t want that I want the background clickable , and the background to change to a white color as I hover over each “boxed” section?

    You can see an example of what I am trying to copy like on this websites recent posts when you hover over a post that background color changes and a right arrow image appears :

    A website with the post hover effect I want

    Thank You

    ianizaguirre

    #39194

    ok I figured it out but my question is how can I specify each content “block” when the plugin only refers to each one as the same il.class “fixit” ? I am trying to make the entire block change color on hover not just the text ? so how can I give the blocks an id I guess is the right question?

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

You must be logged in to reply to this topic.