no line spacing at responsive fonts

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Wed Nov 02, 2016 3:36 pm

Pablo wrote:
Only Text Alignment not. Why is it editable there?
Styles are not only for text objects. Styles are generic and can also be used for form and other elements.

When you use a style then it will be applied to the characters, not to the container of the text. The text's container (paragraph) determines the alignment of the content.

Sorry, what do you mean with toolbar?
Image
Of course styles are not only for text objects. But in the section Font there is the setting 'Text Alignment' and you write by yourself, it does nothing. Where does it anything?

Look some pictures above (31.10.): The format of the text object IS CENTERED! Always.

Sorry, but it seems that you have no answer why the text is not centered when using styles.
At 20.10. you write 'You can apply line-spacing in responsive text with styles:',
and on 21.10. 'It is possible that the grid column alignment will overwrite the style' and at least 'Text Alignment in styles does nothing'.
I'll summarize: Without style the text objects are centered and with different font sizes, but line spacing in all breakpoints is like at 'default breakpoint'.
When I use styles text objects are not centered.
And I don't understand why the view is o.k. in the preview
Image

but not in the viewport of different browsers.
Image

I will not deny that I make errors but I don't know where.

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Wed Nov 02, 2016 4:15 pm

But in the section Font there is the setting 'Text Alignment' and you write by yourself, it does nothing.
Styles are generic, they can also be used for form element and other objectsl
Where does it anything?
For example in editbox or textarea.
Sorry, but it seems that you have no answer why the text is not centered when using styles.
Yes, I have tried to explain this multiple times!
Text alignment applies to the container/paragraph, not to the text (characters) itself. If you select text and apply a style then the alignment does not have any effect. The text itself cannot have alignment. The container controls the alignment.

Image

Please note that this has nothing to do with WWB.

Text-align in styles is not for a text inside a text object, this option was added to make it possible to align text inside an editbox or textarea because in that case the form element is styled and not the text itself.

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Wed Nov 02, 2016 4:34 pm

I understood it! It is clear that it is not possible to define alignments to parts of text. I wrote this above.
But it seems that alignment of the text's container (paragraph) has no effect when using styles.

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Wed Nov 02, 2016 4:48 pm

This is because the text object uses inline text alignment, this overrides the value in the class.
I will implement a workaround for this in the next update.

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Wed Nov 02, 2016 4:59 pm

Well, now we agree. :D
Is it possible to get a solution of line spacing at responsive fonts without styles?
And do you have an idea to the described different views in preview and viewport?

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Wed Nov 02, 2016 6:10 pm

No, line spacing cannot be applied to text without a style.
And do you have an idea to the described different views in preview and viewport?
For different topic please open a new post. It is very confusing if you ask multiple question in the same post.

patstatic
 
 
Posts: 3
Joined: Tue Sep 24, 2013 5:59 pm

Re: no line spacing at responsive fonts

Post by patstatic » Fri Nov 04, 2016 7:18 am

Pablo wrote:I will implement a workaround for this in the next update.
:D nice! It´s also important for me.
i am waiting for the update!

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Fri Nov 25, 2016 1:57 pm

Pablo wrote:This is because the text object uses inline text alignment, this overrides the value in the class.
I will implement a workaround for this in the next update.
forgotten? or what has the user to do?

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Fri Nov 25, 2016 2:04 pm

This feature has been implemented in version 11.5

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Fri Nov 25, 2016 3:30 pm

Pablo wrote:This feature has been implemented in version 11.5
I cannot see a difference. It's like before.

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Fri Nov 25, 2016 3:37 pm

You will need to apply the style in the text properties.

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Fri Nov 25, 2016 3:56 pm

I do this the whole time
Image

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Fri Nov 25, 2016 4:01 pm

Did you apply the style to the text's container?
As previously explained, you cannot apply text alignment to the text characters.

derprinter
 
 
Posts: 29
Joined: Thu Mar 03, 2016 1:04 pm

Re: no line spacing at responsive fonts

Post by derprinter » Fri Nov 25, 2016 4:15 pm

Of course!
I know, that it's not possible to define it to several characters.
Look at my post from 2.11.2016
Image
Image

User avatar
Pablo
 
Posts: 18439
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Fri Nov 25, 2016 4:20 pm

Please share you project so I can see what you have done.

Here is a demo of how it works:
http://wysiwygwebbuilder.com/support/textalignment.html

Post Reply