Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #374369

    Hello!

    Every time I hold the mouse over an image, the image title comes up. How can I hide this? Is there some CSS code I can use?

    #374386
    This reply has been marked as private.
    #374402

    I would also like to know how I can change the length of the excerpt. i’ve tried adding a filter and also the plugin Advanced Excerpt put nothing works.

    #374608

    Hey!

    Thank you for using Enfold.

    Which image are you referring to? Can you please give us a link to the actual page? If you’re referring to the image title showing up on hover, I’m sorry but this is a default browser feature. You can modify the image title on the Media Library. Try to use this on functions.php to limit the excerpt length:

    /**
     * Limit excerpt length on blog page
     */
     
    function avia_new_excerpt_length( $length ) {
    	return 30;
    }
    add_filter( 'excerpt_length', 'avia_new_excerpt_length' );

    Cheers!
    Ismael

    #374633

    Image hover: I meant all the images but maybe it’s not possible.

    Excerpt length: Where in the functions file do I put this code?

    Social media icons: Any solution to this problem? They are now disabled in my site but they won’t show up in the first page. I have to have a Sticky menu bar otherwise the filter for the images won’t work properly.

    SEO issue: Now I have encountered another issue. I have set a featured image on my static first page but this does not show up when I try to link the page in Facebook. My logo shows up instead. Any solution to this?

    Thank you in advance!

    #374868

    Hey!

    Please add following code and the code Ismael posted to the functions.php file in Appearance > Editor

    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('a').removeAttr('title');
    jQuery('img').removeAttr('title');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_tooltip');

    This code should remove the titles.
    Can you please enable social icons on header and let us know so we can see the issue?

    Best regards,
    Yigit

    #375426

    Excerpt length: The code does not work. I copied it into the functions.php file.

    Hide hover titles on images: This code did work! Thank you.

    Social media icons: They are now enabled.

    SEO issue: solved this one myself :)

    Thank you for your help!

    #375564

    Hey!

    Social media icons: You have only three and they all show up fine on all pages on my end – http://i.imgur.com/nk4l0Pm.png
    Excerpt length: I have adjusted the code a bit at the bottom of Functions.php file and confirmed that it is working fine. Please review your website and adjust the lenght which is now set to 100 characters.

    Best regards,
    Yigit

    #375963

    This is how they show up for me:

    They don’t show up on the first page. Only the top part. I try to scroll but it doesn’t go any further. Also, as soon as I click one of the categories for the photos, the icons disappear.

    Thank you for adjusting the excerpt length :)

    #376191

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) {
    .html_header_sidebar.avia_mobile #top #header_main {
    overflow-x: scroll;
    height: 100%;
    }}

    Best regards,
    Yigit

    #376235

    I see the code is for mobile. Tried it but nothing changes.
    I encounter this problem while viewing the site on my computer. The icons get cut of or disappear completely depending on what part of the site I’m in. I tried resizing the window and they appear to later disappear again.

    Is there a way I can move these icons and put the under the logo instead? It would solve the problem and look nicer in my opinion.

    • This reply was modified 9 years, 11 months ago by p_lo84.
    #376797

    Hey!

    You can remove media queries and use the code as following

    .html_header_sidebar.avia_mobile #top #header_main {
    overflow-x: scroll;
    height: 100%;
    }

    This should enable you to scroll down when screen width is smaller and social icons cannot be seen on initial load.

    Cheers!
    Yigit

    #377661

    Thank you!

    It worked!

    One last thing. I’m trying to use a plugin called featured image attribution. This is necessary for me when I use CC licensed pictures. According to the instructions, I need to insert the following:

    You need to find the places in your theme’s template files where you use the Featured Image (you can probably accomplish this by searching for get_the_post_thumbnail and get post thumbnail throughout your theme). Then, right after your theme displays the Featured Image in those places, add this bit of code: <?php featuredImgAttribution(); ?>.

    Where can I find the get_the_post_thumbnail code to insert this code?

    Thank you so much for your help!

    #377699

    Hi!

    Look for line 37 in /includes/loop-index.php.

    Cheers!
    Josue

    #378189

    I tried adding the code but when I do that, it hid the featured image.
    This is what I did:

    /*
    * retrieve slider, title and content for this post,…
    */
    $size = strpos($blog_style, ‘big’) ? (strpos($current_post[‘post_layout’], ‘sidebar’) !== false) ? ‘entry_with_sidebar’ : ‘entry_without_sidebar’ : ‘square’;

    if(!empty($avia_config[‘preview_mode’]) && !empty($avia_config[‘image_size’]) && $avia_config[‘preview_mode’] == ‘custom’) $size = $avia_config[‘image_size’];
    $current_post[‘slider’] = featuredImgAttribution(); get_the_post_thumbnail ($current_post[‘the_id’], $size);

    if(is_single($initial_id) && get_post_meta( $current_post[‘the_id’], ‘_avia_hide_featured_image’, true) ) $current_post[‘slider’] = “”;

    $current_post[‘title’] = get_the_title();
    $current_post[‘content’] = $blog_content == “content” ? get_the_content(__(‘Read more’,’avia_framework’).'<span class=”more-link-arrow”> →</span>’) : get_the_excerpt();
    $current_post[‘content’] = $blog_content == “excerpt_read_more” ? $current_post[‘content’].'<div class=”read-more-link”>‘.__(‘Read more’,’avia_framework’).'<span class=”more-link-arrow”> →</span></div>’ : $current_post[‘content’];
    $current_post[‘before_content’] = “”;

    /*

    • This reply was modified 9 years, 11 months ago by p_lo84.
    #381482

    Hi!

    It’s probably supposed to look like this.

    $current_post['slider']  	= get_the_post_thumbnail($current_post['the_id'], $size);
     featuredImgAttribution();
    

    Or if it’s supposed to echo something out then try right before line 98.

    echo "<div class='blog-meta'>";
    

    Or right after line 126.

    echo "</div>";
    

    Cheers!
    Elliott

    #383970

    Thank you!

    It was right before line 98! Now it works :)

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Hide image title on hover’ is closed to new replies.