Blog entry - Link sign and "Read more"

Support
#1

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
Andreas

#2

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!

#3

Hey Basanta,

okay. I create an Login for you.

The Login Details are in the secure note.

Thanks for helping.

#4

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: 
jQuery(document).ready(function($){
	$('.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!

#5

Hey Nabeel,

thanks for the code.

Its working perfectly.

Thanks for help and enjoy the weekend

Greetings
Andy

#6

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

#7

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