Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

question-circle Email filed incorrect position

More
9 years 8 months ago #3717 by alonb
Replied by alonb on topic Email filed incorrect position
I found why this issue happens.

Issue appears only when the email is a link with <a></a> tag.

In settings: Menu Manager: Edit Menu Item -> Extension Settings -> Contact Information -> Email and URL fields -> link email:
"None" -> issue appears
":mailto" -> no issue appears
"Contact" -> -> no issue appears

I tried to search for a related CSS, but without success. Is I see the CSS is generated by PHP and it is not a static values with comments...

I still prefer not using a link for email, only text.

Any ideas how to solve that?

Thanks'
Alon

Please Log in or Create an account to join the conversation.

More
9 years 8 months ago #3718 by admin
Replied by admin on topic Email filed incorrect position
Hello Alon,

I have tried to reproduce the issue you are having without success. I have the email link set to none and I get a correct output.
So there probably is a conflict in CSS. The CSS file is created dynamically, indeed. But you can still find the properties attributed to the elements through a tool like Firebug.
Look for
.personinfo .personemail:before {
    margin-right: 0.2em;
}
If you select the 'span' tag holding the email address in Firebug, you will see all rules associated to it. The template you are using may override one of them. It should pretty easy to spot.
In the component, when creating a menu item or a module instance, you can overwrite CSS rules in the 'theming' tab.
For instance, if the margin-right has been overridden, add the code
.personinfo .personemail:before {
    margin-right: 0.2em !important;
}
to it.
You may also have to add a property to override one added by your template.

If all of that does not help, I will definitely need access to a live copy of your website.
Olivier.

Please Log in or Create an account to join the conversation.