How to fade image and display text on mouseover

61 Posts

sales66 posted this 27 February 2018

Hi.

How can I display and image, but when the mouse is placed over the image it fades and displays text. Plus the image is a clickable link?

Here is a link to a site to see what I mean. http://www.happykinderparties.com/

Thanks Dave

Hi. How can I display and image, but when the mouse is placed over the image it fades and displays text. Plus the image is a clickable link? Here is a link to a site to see what I mean. http://www.happykinderparties.com/ Thanks Dave

joomla-3.4

Vote to pay developers attention to this features or issue.

5 Comments

Order By: Standard | Newest

Support Team posted this 28 February 2018

Hi,

You can try to use the Hover Box control. Put the text into the hover slide so it will come on the hover.

Sincerely,
Hella

Hi, You can try to use the Hover Box control. Put the text into the hover slide so it will come on the hover. Sincerely, Hella

61 Posts

sales66 posted this 28 February 2018

Hi.

Thanks for your help. This is working, but when I set the size to 100% high & 100% wide the box disappears from the webpage. It only displays when I put a set pixel size in the height and width. I have put the link below and the top left image in the block does not show.
I need the images to fill the page and scale up and down depending on the screen size, then reduce to 2 images for tablet or phone.

https://www.dozydave.co.uk/Celebrationz/

Regards Dave

Hi. Thanks for your help. This is working, but when I set the size to 100% high & 100% wide the box disappears from the webpage. It only displays when I put a set pixel size in the height and width. I have put the link below and the top left image in the block does not show. I need the images to fill the page and scale up and down depending on the screen size, then reduce to 2 images for tablet or phone. https://www.dozydave.co.uk/Celebrationz/ Regards Dave

Support Team posted this 01 March 2018

Hi,

You have added the image in the back slide as the background. Try to use the Image control instead. It should deal with the 100% width and auto height properties.

Sincerely,
Hella

Hi, You have added the image in the back slide as the background. Try to use the Image control instead. It should deal with the 100% width and auto height properties. Sincerely, Hella

61 Posts

sales66 posted this 01 March 2018

Hi.

I am trying but not getting anywhere. Can you help set one up for me, thenI can copy it?

Regards Dave

Hi. I am trying but not getting anywhere. Can you help set one up for me, thenI can copy it? Regards Dave

Support Team posted this 02 March 2018

Hi,

Please attach your theme exported with the editor and content included so we could review your settings.

Sincerely,
Hella

Hi, Please attach your theme exported with the editor and content included so we could review your settings. Sincerely, Hella

You must log in or register to leave comments