Layout problems in elementor with javascript encoding

Hello Anne,

i’m using the encoder with Elementor in certan pages and may this message will help you.

The underline is causing from the hover to links from your theme css. You need to change the css to dismiss underlinig.
This will disable for all links (including http-links) the hover underline:

 a:hover {
    text-decoration: none;
}

or if you like to do this only for the email:

.elementor-kit-13743 a:hover {
    text-decoration: none;
}

The kit-number is reference, so if you like to change to other elementor-fileds or you put new field at bottom, you need to change this as well. You need to add all flied-Numbers.. if they are different for each email-filed (bottom & impressum are using the same elemetor-nr.

The other question: the encoder puts the email into a <span></span>
I don’t see an extra space at the bottom info-email, it looks like the telephone-line with one space.
I’m using the encoder as well for encoding the phone line, so poth lines are same formatted and this makes it easy to aply format changes to both lines… may this will help you?
Link: https://www.ads-software.com/support/topic/feature-request-encoding-phone-or-text/
I’m using two fileds for the phone at elementor: one for desktop and one for mobile, so at mobile the phone is clickable, the other not.

At Impressum you are using space at phone, no space at fax and the email gets space from the <span> – so if you are adding the missing space, everithing is ok?!

Regards
Henry

• This reply was modified 3 years, 7 months ago by WP-Henne. Reason: link added

Hello Henry,

many, many thanks for your help and your fast guidance on my two problems.
You’re absolutety right, the underscore was produced via the usual link hover effect. I added the second code snippet you provided and successfully got rid of the underscore. That’s a big yay!

Regarding the second problem: It could be, that the extra space is generated by the additional <span> around the email adress.
When I mark all the text in the sidebar with the three contact persons (https://ruoff-solar.de/unternehmen/engagement/) I can see where the extra space is located, it is directly after the email icon. This way the email adress is a bit more to the right then the phone number next to the phone icon.
Unfortunately I still don’t know how to fix this. But the more major problem is solved. Thank you, thank you, thank you!

Hello Anne,

thank you and great that the first thing is solved.

Now with the link i see the problem. Not shure, but i think it’s better to use other way at Elementor for displaying phone/mail instead the “elementor-icon-list-items”.
I’m using text element in elementor and two lines or (mentionend before) one Element = line email and two fields phone (Desktop/Mobile).

So please try to change the whole Elementor-Element from Icon-List to Text and put the same content in this. Just not have time to proof this now, but shure, this ist while i’m have done this earlier.

Good luck!
Henry

Hello Henry,

I couldn’t be more thankful for your help. Thank you so much for taking the time and providing your knowledge. ??

I now replaced the Elementor icon list with a simple text box, and now it looks great and works perfectly fine.

Thank you so much!

Hello Anne!

I am as happy as you are!

The encoder is one of my favourite and most important basic plugins. Therefore, I am very happy to be able to support the use of other users.

All the best!
Henry