Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #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.

    #294567

    This only seems to happen when I am linking the image when using the Avia Layout Builder.

    #294646

    Hey!

    Can you please post the link to your website and point out the image?

    Best regards,
    Yigit

    #294697
    This reply has been marked as private.
    #295065

    I do see that the title tags work on the Enfold Demo site for this type of linking.

    #295561

    Hello, is anyone else experiencing this and does someone have a solution? Thank you.

    #295565

    Hey!

    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,
    Yigit

    #295620

    Thank you for the response Yigit but why and how does it work on the Enfold Demo site? http://kriesi.at/themes/enfold/

    #295625

    Hey!

    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.
    #295699

    I 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

    #295705

    Also 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.

    #295711

    Hi!

    Title attribute should be added on A tag currently i cannot see it in the source code. Have you removed it?

    Cheers!
    Yigit

    #295830

    I 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?

    #295947

    Hi!

    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,
    Yigit

    #296056

    Yes, 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.

    #296776

    Hey!

    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!
    Yigit

    #296933

    I 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.

    #297361

    Hi!

    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,
    Peter

    #1073615

    Hello
    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,
    Sacha

    #1075617

    Hi 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

Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.