Blog hover over

Support
#1

Hi

How do i change the perminalink text (text before heading title) and hover over images in my blog https://www.commissionit.co.uk/blog and blog include file at teh bottom of my home page?

https://www.commissionit.co.uk

Thanks

#2

Hi Amin.

Thank you for reaching out. To change the hover icons, you can follow Icon on blog hover or if you need to remove it then you can follow Change and remove hover over icon in blog

For the permalink text, you can follow Remove "permalink to" text snippet that appears on hover with recent posts widget

Please note that the code provided in the above threads 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!

#3

thanks tried adding this under global theme options css

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

but it does not make any difference. Also don’t want it to say “permalink to”

Thanks

#4

Hello Amin,

The quickest way to do that would be to add the code below in X > Theme Options > JS:

(function($){

    $('.entry-thumb').attr('title', '');

})(jQuery);

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#5

Hi

Added that code under the JS tab still not doing anything?

Thanks

#6

Hello Amin,

I have checked your page and I have seen that you added the JS code. It works on my end by the way. When I checked the entry thumbs, no titles were displayed.

Please clear your browser cache or use private browsing mode and test your blog index again.

#7

thanks, but i don’t want that link icon to appear either? Also how do i show the first paragraph of each blog under the images?

#8

Hello Amin,

Please update your custom css and use this:

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

.entry-thumb:hover img {
    opacity: 1 !important;
}

This code will remove the link icon and then will make sure that the image will display perfectly. And if you want show the paragraph first, that will require modifications of the content.php file in your integrity stack folder. It will also lead to modifications of other files which might create complexities later on.

Best Regards.

#9

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