The Alt text is alternative to the picture. By default, it is displayed or read out in place of the picture, not in addition to the picture. Of course, themes and plugins can co-opt this for their own purposes.
I’ll recommend you carefully go over your Kreativa theme’s documentation to ensure it’s the Alt field that’s been used here, and not other image fields like the Title, Caption, or even Description.
Otherwise, if you’re following your theme’s documentation to the letter and a feature isn’t working for you, then contact your theme’s developers for assistance here: https://themeforest.net/item/kreativa-photography-theme-for-wordpress/20352301/support
Since Kreativa is a commercial theme, we’re unable to download the theme to help you troubleshoot this here. But the folks who built and sold the theme should have no problem helping you fix any issue with the product you purchased from them.
Good luck!
Hey there,
alt text is not meant to be shown on hover — it’s for accessibility and SEO, and browsers will only display it if the image fails to load.
If you want text to appear when hovering over a picture, you should use the title attribute.
Having said that, you are not advised to update the code of the theme since doing so can override the changes you have made when you update the theme. It is advisable to connect with the theme creators to understand the issue here.
In the meanwhile, here is a quick CSS attempt you can try. But since we can not download and test a commercial theme here, this is only a probable solution that might or might not work.
img[alt] {
position: relative; /* anchor for tooltip */
}
img[alt]:hover::after {
content: attr(alt);
position: absolute;
bottom: 100%; /* above the image */
left: 0;
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
z-index: 9999;
transform: translateY(-5px);
}
Let me know if it works for you.
Hi there,
thanks for your answers.
My steps will be to install a copy of the website under a subdomain to test the CSS addon. If it doesnt work I will buy a support extention to contact the theme author of Kreativa.
Anyway, when I have solved the problem I will let you know.
Juergen
Hi again,
I want to keep you updated. I didnt solve the problem. The CSS attempt didnt work. I bought the support extention to get help from the theme author and wrote also to the support of envatomarket. Nobody replied or answered me. The only thing what worked was my credit card for the support payment 🙁
But I will not give up – maybe someone else has an idea?
Perhaps you should take a step back and re-think your problem, focusing on the end result you’re shooting for, and not how you’ve decided it should be done (classic XY problem).
Here’s the demo site for your theme: https://imaginem.site/kreativa/
Are you trying to add text on top of the sliding images as seen in the demo?
If this is what you’re trying to accomplish, then please re-read my earlier response above, but I’ll note here that this has absolutely nothing to do with alt text.
Do you need to show off your alt text. Would the image be at the star of the show?
I didnt get any answer from the Theme support, but the good thing is I have found a solution for the problem.
The theme is very huge with a lot of options, so I took a step back as recommended and found a way to replace the images with image boxes. These boxes allow me to show an ALT-Text when I scoll with the mouse over the pics.
So, thanks for your suggestions!
Juergen
