Remove permalinks on Blog Page

Support
#1

trying to figure out how to remove the permalink as well as the dark filter that appears on scroll over. Just looking to have a static image that is still clickable. thanks so much!

#2

for reference my url is https://growthwise.us/blog/

#3

Hi @laura,

For the permalink, check this thread please.

It is part of the integrity stack. To remove it, we can use custom CSS. Add the following on Theme Options > Global CSS

a.entry-thumb:hover img{
opacity:1;
}
.entry-thumb {
    background-color: transparent;
}

Here are the guides too on how to inspect elements:

#4

that worked to remove the shaded layer but i read through the thread you linked for the permalink removal and found it a bit confusing. is there a simple line i can add to the css to remove the permalink? thak you!

#5

Hey Laura,

To remove the permalink title, you can add the following code in the Theme Options > JS:

(function($) {
  $(document).ready(function() {
    $('.blog a.entry-thumb').removeAttr( "title" );
  });
})(jQuery);

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

#6

Hey Nabeel I tried this but i am still seeing permalinks on scroll over

#7

Hey @laura,

The code of Nabeel works however, it only applies to your image and the blog page only.

Before I give you the code to remove the link title globally, please note that the title attribute might have some benefits especially on SEO.

If you wish to proceed, here’s the code to remove the title in all of the links in your site so you won’t see the browser’s tooltip.

jQuery('a').removeAttr('title');

Hope that helps.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.