Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 3, 2015 at 2:05 am #374369
    p_lo84

    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?

    January 3, 2015 at 2:58 am #374386
    p_lo84
    This reply has been marked as private.
    January 3, 2015 at 4:15 am #374402
    p_lo84

    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.

    January 4, 2015 at 4:10 am #374608
    Ismael

    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

    January 4, 2015 at 5:02 am #374633
    p_lo84

    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!

    January 5, 2015 at 2:35 am #374868
    Yigit

    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

    January 6, 2015 at 12:43 am #375426
    p_lo84

    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!

    January 6, 2015 at 10:47 am #375564
    Yigit

    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

    January 7, 2015 at 3:32 am #375963
    p_lo84

    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 :)

    January 7, 2015 at 3:44 pm #376191
    Yigit

    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

    January 7, 2015 at 4:28 pm #376235
    p_lo84

    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, 5 months ago by p_lo84.
    January 8, 2015 at 3:46 pm #376797
    Yigit

    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

    January 10, 2015 at 2:15 am #377661
    p_lo84

    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!

    January 10, 2015 at 4:42 am #377699
    Josue

    Hi!

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

    Cheers!
    Josue

    January 12, 2015 at 9:36 am #378189
    p_lo84

    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, 4 months ago by p_lo84.
    January 18, 2015 at 5:16 pm #381482
    Elliott

    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

    January 22, 2015 at 8:29 pm #383970
    p_lo84

    Thank you!

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

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