Remove link overlay on recent posts

[davidalexander]

Hey there!

I’ve tried several options from several previous posts, on how to remove the link overlay on posts. However, none have worked.

Please, would you provide an update option or point me to a post that would work today.

I’m not sure if having the latest WordPress update could be a contributing factor.

Please advise.

Thanks,
David

P.S. I’m using the Integrity Stack.

[marc_a]

Hi David,

Thanks for reaching out.

Would you mind to share with us the link of the site you are working on and also explain further on what do you mean by link overlay. Providing screenshots or video would be a great help.

Hope that helps.

Thank you.

[davidalexander]

Hey @cramaton!

Thanks for your prompt reply.

Please see the attached screenshot.

You may visit the site here:

Thanks,
David

[marc_a]

Hi David,

To remove the link overlay on your recent posts, please add this css code in your Pro > Theme Options > CSS

.entry-featured a {
     pointer-events: none;
}

Please note that custom development is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps.

Thank you.

[davidalexander]

Hey @cramaton!

I’m sorry to be a bother, but that code did not work.

I’m pretty sure I’ve copied it exactly as is.

Please advise.

Thanks,
David

[prakash_s]

Hi David,

The code looks fine and working at my end. I checked your website and I found that there is some syntax error in your other custom CSS code.

Screenshot

You must check the Custom CSS code issue from here

Thanks

[davidalexander]

Hey @PrakashS!

I’m not sure I understand.

Are you saying that there is something wrong with the custom code highlighted in red in your screenshot?

Sorry mate, would you please provide a bit more context. I’m not a coder, but great at copy and paste.

Thanks,
David

[prakash_s]

Hello David,

Yes, the highlighted in the red part of your custom CSS code has some syntax error. I see a missing curly bracket in your custom CSS code that is why I asked you to check your custom CSS code from here

You Custom CSS code
.x-navbar{.entry-featured a{pointer-events:none;}

Correct code
.x-navbar{} .entry-featured a{pointer-events:none;}

As you can see above you have missed the closing curly bracket( } ) of .x-navbar class because of that the CSS is not working at your end since you already started a class (.x-navbar ) and you did not close it by proper syntax.

There could be more syntax errors You must check the Custom CSS code issue from here

Thanks

[davidalexander]

Hey @PrakashS!

It works perfectly now. I removed all custom codes and then replaced them.

Thank you so much for your patience.
David

[marc_a]

@bbigdave,

It’s our pleasure to help you.

Thank you.