Text color problem on mobil device

Nico3939 · 2019-05-21 00:40:42

Hi,

On desktop computer, in lightbox presentation mode, the caption "photo name" is displayed in black while on mobil the legend Photo number is displayed in white

Here is the tokken I use:

Photo N° {Filename} | Dimensions: {OriginalWidth} x {OriginalHeight}px | {LUA=if City ~= "" then return sprintf("Ville: %s", City) end} {LUA=if City ~= "" and Country ~= "" then return " / " end} {Country} {LUA=if Caption ~= "" then return " l " end} {LUA=if Caption ~= "" then return sprintf("Légende:  %s", Caption) end} | Mots clés: {Keywords}

is a bug or an oversight or I'm doing something backwards, here are screenshots:

----------------------------------------------------------------------------------------

Thanks
Nico

Nico3939 · 2019-05-21 00:57:51

Apparently on mobil device, the number of the photo being composed only of digit is considered as a number element to called, so it must be highlighted (white).

This is what happens when you put your finger on the name of the photo (first image bellow), and then when you tap on cancel and we return to the image, the number is black and highlighted (second image below).

Someone knows how to solve the problem or has already had the case?

Nico3939 · 2019-05-21 01:07:45

maybe a beginning of solution, but where to insert this code?

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

Last edited by Nico3939 (2019-05-21 01:58:20)

Daniel Leu · 2019-05-21 01:43:37

Maybe changing the color with CSS might do the trick as well.

Nico3939 · 2019-05-21 01:54:28

Hi Daniel,

Thanks

I already try with color like red etc... but same issue.

The problem is the white background and iPone and iPad seems to convert in phone number, it's seem to be a css style in safari iOS

Nico3939 · 2019-05-21 01:58:52

Do you know where to insert this code: ?

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

Daniel Leu · 2019-05-21 02:10:59

Nico3939 wrote:

Hi Daniel,
Thanks
I already try with color like red etc... but same issue.
The problem is the white background and iPone and iPad seems to convert in phone number, it's seem to be a css style in safari iOS

It is a matter of finding the proper CSS rule.

Daniel Leu · 2019-05-21 02:12:14

Nico3939 wrote:

Do you know where to insert this code: ?
<meta name="format-detection" content="telephone=no" />

You could try to use the ttg_head() hook, but I don't know if this will work as expected.

Nico3939 · 2019-05-21 02:20:20

Thanks Daniel, this is the solution

function ttg_head( $style, $path ) { 
    echo '
    <meta name="format-detection" content="telephone=no" />
     ';
    }

Problem resolve

Last edited by Nico3939 (2019-05-21 02:21:58)

Daniel Leu · 2019-05-21 03:16:33

Community @ The Turning Gate

#1 2019-05-21 00:40:42

Text color problem on mobil device

#2 2019-05-21 00:57:51

Re: Text color problem on mobil device

#3 2019-05-21 01:07:45

Re: Text color problem on mobil device

#4 2019-05-21 01:43:37

Re: Text color problem on mobil device

#5 2019-05-21 01:54:28

Re: Text color problem on mobil device

#6 2019-05-21 01:58:52

Re: Text color problem on mobil device

#7 2019-05-21 02:10:59

Re: Text color problem on mobil device

#8 2019-05-21 02:12:14

Re: Text color problem on mobil device

#9 2019-05-21 02:20:20

Re: Text color problem on mobil device

#10 2019-05-21 03:16:33

Re: Text color problem on mobil device

Board footer