Recent
Categories
View Replies (11)

Imagehover Module

  1. Issue
0
Votes
Undo
  1. Edgar68
    Edgar68
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Monday, 13 February 2023
  5.  Subscribe via email
Hi Ciaran,

I have an issue with ImageHover module. I worked with it several times, and it's great.
But i need something in it, maybe you can help.

In the original, there is only the text when you hover on the image.

But what i need is:
A text over the picture
and when hover an second text.
And when click on the image, the whole image or a link to a page.

can you help to solve my issue?

Thanks,
Edgar
Attachments (2)
Screenshot_1.png Screenshot_1.png
Screenshot_2.png Screenshot_2.png
Responses (11)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

The solution would vary slightly depending on the hover effects you are using. Would you have a URL to an example of your ImageHover module?

Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Here is it
the module

Edgar
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Edgar

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

.j51imagehover [class^="imghvr-"]::before, 

.j51imagehover [class*=" imghvr-"]::before, 

.j51imagehover [class^="imghvr-"]::after, 

.j51imagehover [class*=" imghvr-"]::after, 

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

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

    background: rgba(72, 110, 142, 0.5);

}


Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

thanks for your reply,
the solution is not working.

Edgar
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May be I misunderstood your request. When I now hover over your items you can now see both the image and the text which I believe was your request?

Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I want the first text to be visible over the photo (that location name) without having to hover over it first.
So I want to be able to see that photo with that name visible anyway, and when I hover over it, that the subtext also becomes visible.

Edgar
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

The only option easily available would be to always display all text with the following custom CSS...

[class*=" imghvr-fade"] figcaption, 

[class*=" imghvr-fade"] > img, 

[class^="imghvr-fade"] figcaption, 

[class^="imghvr-fade"] > img {

    transform: translate(0,0);

}

[class*=" imghvr-fade"] figcaption, 

[class^="imghvr-fade"]:hover figcaption {

    opacity: 1;

}


Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 7
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

it's not working, but maybe there is something wrong?

because other solutions such as these:


.j51rotate-nav svg {display:none;}
}

.layerslideshow-prev, .layerslideshow-next {
display: none;
}

do no longer work either


---

Edgar
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

A possible cause for this is that you have an error in your custom CSS. You can use the following online tool to check.. https://jigsaw.w3.org/css-validator/#validate_by_input

Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 9
klakamp
klakamp
Accepted Answer Pending Moderation
0
Votes
Undo
Chiedo a Ciaran,
l'estensione (J51_ImageHover ) che trovo nel sito Sophia รจ la stessa che vendete al prezzo di 7 euro?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 10
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Yes the ImageHover module with your template is the same as https://joomla51.com/joomla-extensions/imagehover-gallery-module-j4/sign-up

Ciaran
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 11
  • Page :
  • 1


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