Remove or Format Post Preview Text | hover link

Support
#1

Hello,

  1. How do I either REMOVE the blog post preview text or edit it’s spacing and formating?

  2. how do I change the icon after hover of picture?

#2

Hi @caseyv22,

Thanks for writing in!

How do I either REMOVE the blog post preview text or edit it’s spacing and formating?

  • This is rendered by the browser. You cannot adjust the spacing because the position will vary depending on where you place your mouse pointer over the title link. The easiest way to remove this link title is by adding this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb)
(function($){
  $('.entry-title a').attr('title', '');
})(jQuery);

How do I change the icon after hover of picture?

  • To change the icon over the featured image, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
.entry-thumb:before {
    content: "\f1b9";
}

You can get the content value or the icon unicode from here:

#3

Thank you!

Removing preview text:
I added your code and the preview code is still there. The text is still visible under the images:

Thanks for the icon code! However, it still hows up in another place:

#4

Hi @caseyv22,

Please update the previous code to this:

(function($){
  $('.entry-title a, .x-recent-posts a').attr('title', '');
})(jQuery);

Hope it helps :slight_smile:

#5

hello, code did not work :frowning: the preview text is still showing up under the image.

Also - i was not given the code to change the hover icon from that “file” icon to a car. How do I change it?

#6

Hi There @caseyv22

Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.x-recent-posts .format-standard .x-recent-posts-img::before {
    content: "";
}

Thanks!

#7

Yes that works! I appreciate your help.

The only outstanding issue left is hiding the text under the images of blog post previews

How do I remove the text under the pictures of each preview blog post?

#8

Hello @caseyv22,

Please have the JS code updated and use this:

(function($){
  $('.entry-title a, .x-recent-posts a, .entry-featured a').attr('title', '');
})(jQuery);

We would loved to know if this has work for you. Thank you.

#9

It still has not worked with the updated code. Is there any way I can share my credentials privately so you can take a look?

#10

Hello @caseyv22,

It is already working on my end. There is no longer any preview text or the title text when you hover over the title, featured image and even in the recent post item.

Please clear your browser cache or use private browsing mode in testing your site.

#11

Sorry, i think it’s misunderstood. I need the text under the images to be removed. I want it blank:

#12

Hello @caseyv22,

Sorry I though you are referring to the preview text when you hover over the featured image.

It turns out that you want to remove the excerpts. To resolve this issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

#x-iso-container .entry-content.excerpt {
    display: none;
}

We would loved to know if this has work for you. Thank you.

#13

It worked beautifully!

Thanks!!

#14

You’re welcome!
Thanks for letting us know that it has worked for you.

#15

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