Shade my book covers on hover?

  • Author
    Posts
  • #113233

    alanaugustson
    Original poster

    Hello: I’d like to apply a shader to my book covers on cursor hover, just to enhance readability a little. Can’t quite figure out how. Can you help?

    The blog I need help with is: abmfq.com

    #113565

    marcperel
    Theme Author

    Sure!

    Here’s some custom CSS you can use Alan:

    .post-list .book-cover.has-cover-background .post-author {
        z-index: 99;
        position: absolute;
    }
    
    .post-list .book-cover .content{
        z-index: 99;
    }
    
    .fadeout{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.25);
        z-index: 0;
    }

    The number you can adjust to change how strong the hover is is here:

    rgba(0,0,0,0.25); <— the 0.25

    ~ Marc

The topic ‘Shade my book covers on hover?’ is closed to new replies.