-
AuthorPosts
-
July 22, 2014 at 8:48 pm #294560
Hello, I have populated the Title and Alt text fields for my images. When I hover over the images, the Titles will display. This is good.
Problem is when I hyperlink an image, the Title does not display when I hover over the image. What is causing this?
I am running Enfold 2.9.1 and WordPress 3.9.1.
Thank you.
July 22, 2014 at 9:06 pm #294567This only seems to happen when I am linking the image when using the Avia Layout Builder.
July 23, 2014 at 12:06 am #294646Hey!
Can you please post the link to your website and point out the image?
Best regards,
YigitJuly 23, 2014 at 1:21 am #294697This reply has been marked as private.July 23, 2014 at 6:23 pm #295065I do see that the title tags work on the Enfold Demo site for this type of linking.
July 24, 2014 at 6:14 pm #295561Hello, is anyone else experiencing this and does someone have a solution? Thank you.
July 24, 2014 at 6:18 pm #295565Hey!
Sorry for the late reply. That does happen because of image overlay. You can remove it and titles would display on hover. Please add following code to Quick CSS in Enfold theme options under General Styling tab
span.image-overlay { display: none !important; }
Regards,
YigitJuly 24, 2014 at 7:59 pm #295620Thank you for the response Yigit but why and how does it work on the Enfold Demo site? http://kriesi.at/themes/enfold/
July 24, 2014 at 8:11 pm #295625Hey!
Please go to Enfold/config-templatebuilder/avia-shortcodes folder and open image.php file and find
class='avia_image' {$blank}>{$overlay}
and change it to
title='{$title}' class='avia_image' {$blank}>{$overlay}
Best regards,
Yigit- This reply was modified 10 years, 4 months ago by Yigit.
July 24, 2014 at 11:26 pm #295699I duplicated those directories in my child theme and edited image.php but it is not overwriting the parent file. Should this not overwrite the parent file? Will this mod also be included in the next update?
Thank you
July 24, 2014 at 11:51 pm #295705Also just tried editing the parent file, deleted the browser cache but still no title tags visible. I see the title tags in the source but nothing on hover.
July 25, 2014 at 12:51 am #295711Hi!
Title attribute should be added on A tag currently i cannot see it in the source code. Have you removed it?
Cheers!
YigitJuly 25, 2014 at 9:45 am #295830I have populated the image alt and title tags. The images are linked through the Avia Layout Builder > Media Element > Image. I do not see where I can access the A tag when using the Avia Layout Builder.
The only place I know to access the A tag is in the default editor but I am using the Avia Layout Builder. What do I need to do?
July 25, 2014 at 2:25 pm #295947Hi!
Have you applied the changes i suggested here – https://kriesi.at/support/topic/image-title-tag-not-working-when-linked/#post-295625 ? It should add title attribute of image to A tag
Regards,
YigitJuly 25, 2014 at 6:39 pm #296056Yes, I had applied the changes.
1) First I duplicated those directories (directories only, not all the files except for image.php) and put them in my child theme.
2) Edited image.php as instructed.
3) Deleted image from page and Media Library and then re-uploaded the image and re-linked.
4) Deleted browser cache and refreshed my Browser which is Firefox. Also viewed it in Chrome.This did not work so I thought this method was not overwriting the parent file. Should this not overwrite the parent file?
Then I tried editing the parent file and duplicated the above steps but still did not work.
The current status is the edited file in the Child Theme and the parent file has been reverted back to the original.
July 28, 2014 at 2:52 pm #296776Hey!
Sorry, i realized i made a small mistake in the code and now i updated it. Please try it now – https://kriesi.at/support/topic/image-title-tag-not-working-when-linked/#post-295625
Cheers!
YigitJuly 28, 2014 at 6:26 pm #296933I have tried the updated code in both the parent theme and child theme but still does not work. I currently have the edited file in the Child Theme.
July 29, 2014 at 5:28 pm #297361Hi!
Enfold does not add the image title to the surrounding link element. If you want to add use the image title as link title insert this code into the enfold or child theme functions.php file:
function add_custom_script(){ ?> <script> jQuery(window).load(function(){ jQuery('a img').each(function(i){ var img = $(this), img_title = img.attr('title'), link = img.parent('a'), link_title = link.attr('title'); if(typeof link_title == "undefined") link_title = ""; if(typeof img_title == "undefined") img_title = ""; if(img_title != "" && link_title == "") link.attr('title', img_title); }); }); </script> <?php } add_action('wp_footer', 'add_custom_script');
Regards,
PeterMarch 2, 2019 at 3:43 pm #1073615Hello
I have the same problem, I urgently need to fix title tags and alt images
If I enter them manually, the “alt” tags work, but the “title” tags do not even work by inserting them manually.
In more ‘if it were possible I would have that the title and alt tags were inserted automatically by taking the title of the post (attention to the title of the post and not only to the page where the post is displayed)
but I could not do this even trying plugins.
Can you help me?Best regards,
SachaMarch 6, 2019 at 8:54 pm #1075617Hi Sachasilvestri,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Where do you want the titles to show up?
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.