Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 2, 2016 at 1:06 am #576134
    lezhang

    Hi there,

    I would like some help with a particular problem I’m facing. When you hover over the portfolio items on my homepage, I was trying to make the backgrounds of the portfolio titles all semi-transparent, but for some reason a black box still remains behind the text. I would really appreciate a reply.

    Thanks.

    February 2, 2016 at 2:06 am #576145
    Elliott

    Hi lezhang!

    Is this your CSS?

    figcaption, figcaption * {
    background-color: rgba(0,0,0,0.7)!important;
    color: white!important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none!important;
}

    Try this instead.

    figcaption {
    background-color: rgba(0,0,0,0.7)!important;
}
.figcaption * {
color: white !important;
}

    Cheers!
    Elliott

    February 2, 2016 at 2:14 am #576152
    lezhang

    Worked like a charm! Had to rearrange some of my quick CSS and had to delete the “.” before “figcaption *” to make it work but it works like intended. Thanks!

    February 2, 2016 at 2:14 am #576153
    lezhang

    Is there anyway to delete this post now? I would like to delete it for my privacy.

    February 3, 2016 at 4:21 am #576827
    Elliott

    Hey!

    Are you wanting to delete this whole thread? You posted your site in private content so it’s not visible, just to let you know.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.