link images

bartcelona
13 years, 5 months ago

How do I suppress the link images for phone & email
(external link image actually does not show but i guss should have)

the work arround I guess whoul dbe to create blank images of 1px... but was hoping to find more elegant way.

kind regards

Bart

jamesthecat
13 years, 1 month ago

I'm started looking into a way of doing this too. The css for this style is in 'basestyles.css' for mobile_pda template, But I think there might be some JS turning strings of numbers into a link, can't find where to disable yet thou..

jamesthecat
13 years, 1 month ago

Still stuck here, anyone know how to disable these links?

I can remove the ical, and sms images easily from basestyles.css in mobile_pda template but I can't find where to disable the actual email, phone, and sms links..

dryabov
13 years, 1 month ago

This images come from the following block in baseStyles.css:

/*
* 4. STYLIZED LINKS
* includes icon to represent the type of link
*/
/*external link*/
a.external {
    background: url(../images/img-link-external.png) no-repeat right top;
    padding-right: 1em;
}
 
/*links to ical data*/
/*see 'data-ical' in resources*/
a.ical {
    background: url(../images/img-link-ical.png) no-repeat right top;
    padding-right: 1em;
}
 
a[href^="mailto:"] {
    background: url(../images/img-link-email.png) no-repeat right top;
    padding-right: 1em;
}
a[href^="tel:"] {
    background: url(../images/img-link-tel.png) no-repeat right top;
    padding-right: 1em;
}
a[href^="sms:"] {
    background: url(../images/img-link-sms.png) no-repeat right top;
    padding-right: 1em;
}

To disable effect of this definitions, add the following lines to css/custom.css (hope you upgraded to recent 1.0RC4):

a.external, a.ical, a[href^="mailto:"], a[href^="tel:"], a[href^="sms:"] {
    background: none;
    padding-right: 0;
}

jamesthecat
13 years, 1 month ago

Hi thanks for the response.

I've already been able to remove the css styles, however strings of numbers MJ turns into a some kind of hyper-link, so when pressed it attempts to dial the number on a mobile device. It's this actual link I'm trying to disable.

dryabov
13 years, 1 month ago

It does mobile browser, not MobileJoomla. E.g. in Mobile Safari and some other browsers it can be fixed with

<meta name="format-detection" content="telephone=no">

html tag in head.

jamesthecat
13 years, 1 month ago

Thanks, I'll give it a try and post back the results.

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.
I accept cookies from this site. Agree