Hi,
Google Search Console is showing me Mobile Usability problem for GPS Tools links (viewport not set, links to close, text too small). Atleast partly I am trying to solve that with using small html/css script to style gps track description text in editor. For that purpose I am using Sourcerer plugin. Pls check below script.
Now, problem occurs as in List Layouts "show intro" does not show only short description of the item, but show css code as well. It starts with code within <style></style> tags.
Pls check attached image. Otherwise Sourcerer plugin works ok inside GPS Tools tracks.
Pls let me know how to solve that problem.
Thx&brgds
Matej
{source}
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/a09b66d016.js" crossorigin="anonymous"></script>
<style>
a#deligps:hover {
color: orange;
}
a#deligps {
color: grey;
}
p#deligps {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
}
</style>
</head>
<body>
<div style="width:100%; display: inline-block; height: 24px;"></div>
<p id="deligps">GPS sled prikazuje krožno pot na Stegovnik preko Močnikovega sedla. Pot se zaokroži na sedlu in razpotju več poti imenovanem Pri lojtri. Krožen povratek, ki ga prikazuje modri del sledi poteka preko izredno slikovitega naravnega okna, ki je že samo po sebi vredno celotne ture. Stegovnik je izvrsten razglednik, saj se nahaja približno na sredi med Košutnikovim turnom, Storžičem in Kočno.</p>
<div>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="/https://vnaravi.si/karavanke/stegovnik"><i class="fas fa-hiking"></i> Izlet</a></p>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="https://vnaravi.si/images/kam-na-izlet/stegovnik-galerija/app-files/index.html"><i class="fas fa-street-view"></i> Panorama</a></p>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="https://vnaravi.si/galerija/category/435-stegovnik"><i class="fas fa-binoculars"></i> Galerija</a></p>
</div>
<div style="display:inline-block; width:100%; height:1px;"></div>
</body>
</html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/a09b66d016.js" crossorigin="anonymous"></script>
<style>
a#deligps:hover {
color: orange;
}
a#deligps {
color: grey;}
p#deligps {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
}
</style>
</head>
<body>
<div style="width:100%; display: inline-block; height: 24px;"></div>
<p id="deligps">GPS sled prikazuje krožno pot na Stegovnik preko Močnikovega sedla. Pot se zaokroži na sedlu in razpotju več poti imenovanem Pri lojtri. Krožen povratek, ki ga prikazuje modri del sledi poteka preko izredno slikovitega naravnega okna, ki je že samo po sebi vredno celotne ture. Stegovnik je izvrsten razglednik, saj se nahaja približno na sredi med Košutnikovim turnom, Storžičem in Kočno.</p>
<div>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="/https://vnaravi.si/karavanke/stegovnik"><i class="fas fa-hiking"></i> Izlet</a></p>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="https://vnaravi.si/images/kam-na-izlet/stegovnik-galerija/app-files/index.html"><i class="fas fa-street-view"></i> Panorama</a></p>
<p id="deligps" style="float:left; font-style:italic; padding-left:6px; padding-top:10px; margin-right:15px;">
<a id="deligps" href="https://vnaravi.si/galerija/category/435-stegovnik"><i class="fas fa-binoculars"></i> Galerija</a></p>
</div>
<div style="display:inline-block; width:100%; height:1px;"></div>
</body>
</html>
{/source}