Style issues on Various devices

Question
1

Hi ! (and happy new whatever:-)
I’ve just installed the pro version and was really enjoying it but now I’m a bit disappointed by some big style issue :
If I set a style on PC page ex : lato, black, 14 pnts,
and go to the Mobile page, the text has vanished (in fact it’s still there but white and 3 ponts high)
I set the style back to black, 12 points, and then come back to PC and, woo, characters are 36 points high and so on and on…

what did I do wrong ? or something has changed ? or I got alzheimer on the happy new what again ?

I just don’t dare to open my several other sites right now ;-(

Any clue ?

Best regards (and wishes)

2

Nothing, no and no.
Please read “Feature suggestions”

Mr. F.

3

Thanx for your answer Mr (Dr) Fozzie, but the reason why I feel a bit fuzzy is that I used to get this behaviour in the past, (sparkle 2.8 and all) and I’m quite sure it was’nt a dream or self-suggestion :wink:

4

@antoine-b, Have you created a font style when you laid down your content on the PC canvas? If you haven’t then the results you describe makes sense because of the scaling up or scaling down that the Sparkle engine performs between devices.

When you have set a font style on your PC canvas for 15pt and then go to your mobile canvas Sparkle will scale it down by 3x, so roughly 5pt. Because you have it font styled you can now up the size without it affecting your PC canvas.

5

I’m sorry for the confusion. Sparkle starts with version 3 for me.
So I don’t know how previous versions behaved.

Mr. F

6

Never mind dear Dr, it felt much better just to talk about it :wink:

7

Thanks Greenskin,
I did like you said and eventually, it works, :sweat_smile:
I won’t design any “mobile canvas style” ever again. anyway,
thanx again maestro.

1 Like
8

Happy to hear @antoine-b :slight_smile:

9

Sorry Greeenskin. Just getting into styles at the moment so resurrecting this thread. I understand styling on the PC 960 canvass, then it’s smaller on the phone canvass. Wouldn’t it have made more sense to design and style font sizes for 960, then automatically that font size would be increased on the smart phone variant?

10

I see your point @Woodrow.

Duncan would be more knowledgeable about this but from my experience it is all to do with the fixed width and having the elements downsize into the preset fixed width area.

The other thing is I wouldn’t have the text scale up because if I have paragraph text set to 18px on the 960 and it is scalded up for mobile 320, it is going to look very large.

The whole thing is a bit tricky! I would more like it if the text isn’t scaled at all just the text box…

11

And I see yours as well. A while ago I dove into Sparkle, and I did not observe good practices.
Now I am going thru the entire documentation slowly. If one uses styles correctly, you can change the size in style, which I did and called it “phone body”.
At the moment I’m tackling sections.
-Bill

3 Likes