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
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. # 1
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. # 2
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. # 3
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. # 4
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. # 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
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. # 7
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. # 8
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. # 9
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. # 10
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. # 11
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok