Docs

[peopleholding]

How can I remove the behavior when hovering over the featured image for a post? Currently the image fades and a permalink icon appears, I’d like the image to remain 100% and no icon to appear. This effect is especially distracting on the mobile version because scrolling past a post creates this distracting effect that isn’t useful for the reader. Thanks!

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

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

body a.entry-thumb:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  zoom: 1;
}

Hope it helps

Joao

[peopleholding]

unfortunately that didn’t remove the hover effect and icon

[Thai]

Hi There,

Please try with this:

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

Hope it helps 🙂

[peopleholding]

Hello –

It looks the same when I use this new version of code.

[Rad]

Hi there,

Would you mind providing your site’s URL that has this issue?

Thanks!

[peopleholding]

http://www.peopleholding.com

[Thai]

Hi There,

Please find this CSS:

p.p-meta span:nth-child(1) {
  display: none !important;
 
  p.p-meta span:nth-child(3) {
  display: none !important;
}
.single-x-portfolio .entry-featured {
display: none !important;
}
.single-post .entry-featured{
display:none;
}
  
.entry-thumb:before {
    display: none;
}
a.entry-thumb:hover img {
    opacity: 1;
}

And change to this:

p.p-meta span:nth-child(1) {
    display: none !important;
}
p.p-meta span:nth-child(3) {
    display: none !important;
}
.single-x-portfolio .entry-featured {
    display: none !important;
}
.single-post .entry-featured{
    display:none;
}
.entry-thumb:before {
    display: none;
}
a.entry-thumb:hover img {
    opacity: 1;
}

Hope it helps 🙂

[peopleholding]

Yes! This worked. Thanks!!!

[Rahul]

Glad it worked for you.

If you still have any issues with the theme, let us know. We’d be happy to assist you with anything.

Thank you.

[Author]

Posts