Permalink Showing when i hover over an image

Support
#1

On my blog page where all of the articles are displayed, as soon as I hover over an article thumbnail, the image is covered by a big grey permalink symbol. Can anybody help me remove the hover symbol please?

#2

Hey,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

#3

Hey, thanks for the reply. The URL is Nomaloco.com. Please go to the Travel blog page and then hover over an article image (thumbnail). As soon as you hover, the image goes grey and a big permalink icon shows.

Thanks in advance,

Ajay

#4

Hello There,

The given url seems to be invalid.

Meanwhile, to remove the big grey permalink symbol, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.entry-thumb:before {
    display: none;
}

Please let us know if this works out for you.

#5

Hi there, sorry for the mispelling. My website is NOMADLOCO.COM. I have inserted the code but still no luck. Please try again…

I appreciate your help. I really do

#6

Hi there,

Please try this code:

a.entry-thumb:hover:before {
    display: none;
}

Hope this helps.

#7

Hi again, thanks for helping but still no luck. Does anybody know exactly why this happens?

#8

Hi there,

There must be some CSS error on some part of the codes that are currently on the custom CSS panel.

Please copy all the codes here to verify if everything is correct.

You should be able to see the CSS errors if there is any.

In case the code is fine but the CSS is still not taking effect, please provide us the admin login of your site in a secured note.

#10

Hi Ajay,

Please remove this block of code in the custom CSS because that block of code is not CSS.

Then add this in the custom Javascript:

jQuery(".blog .entry-featured a,.blog .entry-title a").removeAttr("href");
jQuery(".blog .entry-featured a,.blog .entry-title a").removeAttr("title");