Metro UI template

PCWartung

Contributors

From: Vienna

Registered: 24-04-2013

Posts: 21

Website

Text Position of tiles, especially tileLive

Hi Guys,

i have a problem with setting the positions of the text of the tiles. Especially with the tileLive-tile because the letters of the second line text (the "animated" text) aren´t positioned exactly.

Here you can see what i mean (tileLive, the red tile). "Angebot" is a little bit more left then the "animated Text":

PCWartung.at
Just for info: Site is under construction, i´ll have to do a lot of things before its finished

Does anyone know where these positions can be set and maybe how to fix that "problem"?

Thx,
Best regards.

Thomas

Administrator

Registered: 10-03-2013

Posts: 897

Re: Text Position of tiles, especially tileLive

I think it it's set in js/tiles.js , somewhere in the functio tileLive. Check for the search "margin-left:"

PCWartung

Contributors

From: Vienna

Registered: 24-04-2013

Posts: 21

Website

Re: Text Position of tiles, especially tileLive

Thanks, but cannot find nothing to change...

The only margin-left i see in the tilelive stands for the left margin of images - not for text.

The other margin-left´s are fixed like these - i think theres nothing to change:

 margin-left:"+(x*$tile.scalespacing+group*$group.spacing)+"px; 

Or could this here cause the "problem":

var labelposition=labelSettings[2];

Thanks

Thomas

Administrator

Registered: 10-03-2013

Posts: 897

Re: Text Position of tiles, especially tileLive

Search for this line (can't say the exact line number because it depends on how much lines you used on the top)

<div class='livetile' style='margin-left:"+(imgSize+10+imgToLeft)+"px;' id='"+id+"' >"+textArray[0]+"</div>\

it's the 10 in that rule that you have to change to whatever you want