Hover Color

  • jessejmelanson

    (@jessejmelanson)


    8 years ago

    Hello,

    I am using the Illustratar Theme to build my website https://www.JeseMelanson.com

    I am trying to change the hover color on the front page thumbnails. I went into the jetpack CSS Style Sheet Editor and used this code:

    portfolio-wrapper .portfolio-thumbnail a:before {
    background: none repeat scroll 0 0 padding-box content-box #bb00bb;
    opacity: .5;
    }

    However, it does nothing?

    Any help is appreciated as this is driving me nuts.

    Thanks!

    The blog I need help with is https://www.jessemelanson.com.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    the hover color would usually be some style with :hover …

    also, the CSS, as you have posted it here, is probably missing a dot right at the start to indicate that this is a CSS class.

    if you are referring to the colored quare over the image when hovered, try:

    .portfolio-wrapper .portfolio-thumbnail:hover a:before {
background: none repeat scroll 0 0 padding-box content-box #bb00bb;
opacity: .5;
}
    Thread Starter jessejmelanson

    (@jessejmelanson)

    It is the dot that I was missing! Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover Color’ is closed to new replies.