Recent
Categories
View Replies (3)

ImageHover Gallery Background

0
Votes
Undo
  1. apleninger
    apleninger
  3. Commercial Templates
  4. Tuesday, 18 April 2023
  5.  Subscribe via email
How can I make the imagehover background transparent so that the caption and title appear on rollover without covering the image itself.
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your ImageHover module?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
apleninger
apleninger
Accepted Answer Pending Moderation
0
Votes
Undo
https://peytonpleninger.com
References
  1. https://peytonpleninger.com/
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

.j51imagehover [class^="imghvr-"] figcaption {

    background: rgb(255, 255, 255, .3);

}

.imghvr-blur:hover > img {

    transform: none;

    opacity: 1;

    filter: none;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!