• AmberPrior

    (@amberprior)


    How do I remove the image title so that the mouse pointer doesn’t display the image title when hovering over an image? I have searched everywhere and can’t find a solution.

    I am currently using Prophoto 2. I have seen other Prophoto blogs without the annoying little image title and I would like to do the same. My blog is found here.

    I am not very familiar with css and code. In fact on another forum someone suggested adding a code to my function.php, so I stuck it in where I thought it might work and almost gave myself a heart attack! My whole blog looked ruined with funky wording at the top, but luckily I was able to navigate to where I inserted the coding and removed it. Whew! Now I am terrified of just “inserting” some code somewhere, so I would extremely appreciate clear instructions on how to do this. Thank you in advance for your time.

Viewing 15 replies - 1 through 15 (of 37 total)
  • Moderator t-p

    (@t-p)

    Is this a free theme or did you buy it?

    Crozon1

    (@crozon1)

    Hi Amber, I’m pretty new here too, so what I do is copy and paste my code into a notepad and save it somewhere on my computer.

    For example I want you to look at your header.php. So before you make any changes copy and paste it into a notepad file and save it somewhere safe, that way if things mess up you can easily refresh the code back to the original.

    Okay, so now copy your header.php and go here – https://pastebin.com/ – paste your code and click submit. You might have to put your email address in.

    Then come back here and paste the pastebin link so we can all look at your header.php code to see what’s going on.

    Thread Starter AmberPrior

    (@amberprior)

    Wow, you responded so quickly! Okay, just to be sure, you want my header.php. Is that different from my stylesheet?

    Thread Starter AmberPrior

    (@amberprior)

    Actually, just saw the header.php. I will be right back.

    Thread Starter AmberPrior

    (@amberprior)

    I hope this is what you want. ??

    13Ham

    (@13ham)

    i doubt it’s this simple since it looks like you’re using a photoblog plugin to display your images, but if you can edit the html or attributes to you have: title=” “ as opposed to title=”.” you’re good.

    Thread Starter AmberPrior

    (@amberprior)

    Hmm, the way I display my images in posts is through the “gallery” feature above where I write my post. Then I “insert gallery” into my post and change the html code just a bit so that the pictures display larger. I don’t know about a plugin.

    I see what you’re saying about the title-” “. That makes sense, but I don’t know where to change that at. I named all of my pictures in that recent post with a “.” to try and be less obvious, but now it just looks dumb, lol.

    Do you know where to change that title=” “ bit?

    Crozon1

    (@crozon1)

    Hey Amanda,

    As I previously mentioned I’m really new here too, on my site I added an image for the header, so our code looks quite different.

    If you know how to remove the image you could always remove it, and try adding this code on line 37 of the header.php:

    <div id="headerimg">
    <h1><a href="https://www.oldmainphotography.com/"><img src="https://www.oldmainphotography.com/wp-content/uploads/p2/logo_1279652328.jpg" alt="Home"/></a>

    If you don’t already have it in your style.css sheet you may also have to add the following:

    #headerimg {
    	height:160px;
    	margin:0 0 0 1px;
    	padding:0;
    	}

    Of course this may just muck everything up, so you might want to wait until you get a better answer first.

    Good luck!

    Thread Starter AmberPrior

    (@amberprior)

    Thanks everyone for your input. Crozon1- my problem isn’t in the header, it’s the images in the post. Maybe I am misunderstanding your solution?? ?? Thanks for trying.

    Still have the problem… if anyone else has suggestions, I’m open for it!

    Sam Gh.

    (@kapreski)

    Same problem here!
    Wordpress should really make a solution for those annoying little boxes!

    Joseph

    (@jpe24524)

    Sam Gh.

    (@kapreski)

    not Working!

    Joseph

    (@jpe24524)

    You could use jQuery to remove the title attributes.

    jQuery('document').ready(function($){
    	$('[title]').removeAttr('title');
    });

    Sam Gh.

    (@kapreski)

    mm.. and this should be where exactly?

    Thread Starter AmberPrior

    (@amberprior)

    Yes, please tell! ??

Viewing 15 replies - 1 through 15 (of 37 total)
  • The topic ‘How to remove image title when hovering over image’ is closed to new replies.