Blog entry - Link sign and "Read more"

Hey there,

I am using the X Theme for another side of one of my customers.

Here are my questions:
(You can see it in the screenshot)

  1. In the blog section i want to change the style of the blog entry hover. I want the “link-icon” that shows up on hover not to show up. How can I just change the color and hide the icon?
    (screenshot blog entry Nr. 1)

  2. Under every blog entry its written “read more” - I want to change it to german “mehr erfahren” - how can I do that?

Thanks for helping

Hi There,

Thanks for writing in!
Can you please send your website URL so that we can have a look.
If the website is in under construction please post your login details in a secure note.

Hope this helps!

Hey Basanta,

okay. I create an Login for you.

The Login Details are in the secure note.

Thanks for helping.

Hi Andreas,

Thank you for providing the credentials.

  • To hide the icon and change the hover color, add the following code in the Theme Options > CSS:
.x-iso-container .entry-thumb:before {
    display: none;

.x-iso-container .entry-thumb:hover img {
    opacity: 1;

.x-iso-container .entry-thumb:hover:after {
    content: '';
    background: rgba(225, 148, 42, 0.5) !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  • To change the Read more text, please add the following code in the Theme Options > JS:
	$('.more-link').html("Mehr erfahren");

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

Hey Nabeel,

thanks for the code.

Its working perfectly.

Thanks for help and enjoy the weekend


You’re welcome Andy! Glad we were able to help :slight_smile:

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