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
User avatar
Pablo
 
Posts: 18692
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: no line spacing at responsive fonts

Post by Pablo » Fri Oct 28, 2016 3:08 pm

Anywhere I can download the file from.

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

Re: no line spacing at responsive fonts

Post by derprinter » Fri Oct 28, 2016 5:19 pm

Last edited by derprinter on Fri Nov 25, 2016 4:52 pm, edited 1 time in total.

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

Re: no line spacing at responsive fonts

Post by Pablo » Fri Oct 28, 2016 5:29 pm

Thank for sharing the project.

There are two errors:
- the breakpoints in the style do not match the breakpoints on the page. 1090 vs 1080
- there is a breakpoint with the same width as the default view: 1080.

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

Re: no line spacing at responsive fonts

Post by derprinter » Fri Oct 28, 2016 9:14 pm

Oh yes, that's right.
But the problems are the same. There is no difference.

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

Re: no line spacing at responsive fonts

Post by Pablo » Sat Oct 29, 2016 6:54 am

After I changed it in your project it now works for me.
Did you remove the 1080 breakpoint from both the page and the style?
Please re-upload the project so I can see if it's ok now.

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

Re: no line spacing at responsive fonts

Post by derprinter » Mon Oct 31, 2016 8:58 am

Pablo wrote:After I changed it in your project it now works for me.
Did you remove the 1080 breakpoint from both the page and the style?
Please re-upload the project so I can see if it's ok now.
I changed it in 800.
But are you sure, that this is a problem? I think determining is the solution on the screen. And this for default more than 1080.
Here is the project
http://www.printundplot.net/files/pwbs.zip
Last edited by derprinter on Fri Nov 25, 2016 4:52 pm, edited 1 time in total.

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

Re: no line spacing at responsive fonts

Post by Pablo » Mon Oct 31, 2016 10:00 am

You have changed the breakpoint to 800, but the layout is still 1080.
Please remove the breakpoint and start at the basics. I think you are trying to do too much at once. First try to understand the basics of RWD before you implement advanced feature like responsive styles.

I have changed your project to demonstrate it works:
http://wysiwygwebbuilder.com/support/pr ... index.html

Note: to make it more clear that the font style is changing, I have set the color to red in the 320 breakpoint.

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

Re: no line spacing at responsive fonts

Post by derprinter » Mon Oct 31, 2016 11:53 am

Pablo wrote:You have changed the breakpoint to 800, but the layout is still 1080.
Please remove the breakpoint and start at the basics. I think you are trying to do too much at once. First try to understand the basics of RWD before you implement advanced feature like responsive styles.

I have changed your project to demonstrate it works:
http://wysiwygwebbuilder.com/support/pr ... index.html

Note: to make it more clear that the font style is changing, I have set the color to red in the 320 breakpoint.
I think I know how it works. Although when I made errors.
But you wrote:
There are two errors:
- the breakpoints in the style do not match the breakpoints on the page. 1090 vs 1080

Ok, this was a typing error.
- there is a breakpoint with the same width as the default view: 1080.
I understood, it's a problem when the breakpoint is the same as the page layout (1080 <-> 1080) and therefor I made a breakpoint 800.
In your example the color changes to red at 1438 (?) and the alignment is still left.
Image

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

Re: no line spacing at responsive fonts

Post by Pablo » Mon Oct 31, 2016 11:56 am

Alignment cannot be different in breakpoints. The style is applied to the text/characters, not to its container.

The breakpoint switches at the largest viewport. I have intentionally configured it this way to demonstrate that it works.
You can control this behavior in Manage Breakpoints.

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

Re: no line spacing at responsive fonts

Post by derprinter » Mon Oct 31, 2016 12:05 pm

Pablo wrote:Alignment cannot be different in breakpoints.
Yes, but in all breakpoints the alignments are 'centered'.

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

Re: no line spacing at responsive fonts

Post by Pablo » Mon Oct 31, 2016 12:35 pm

The alignment of the text object can be set in the toolbar.

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

Re: no line spacing at responsive fonts

Post by derprinter » Mon Oct 31, 2016 1:59 pm

Pablo wrote:The alignment of the text object can be set in the toolbar.
ALL alignments are set 'centered'.

Image

Image

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

Re: no line spacing at responsive fonts

Post by Pablo » Mon Oct 31, 2016 2:39 pm

The alignment does not affect characters it only affect the container/paragraph, so using text alignment in the style does not do anything.
You can set the alignment of text object in the toolbar.

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

Re: no line spacing at responsive fonts

Post by derprinter » Mon Oct 31, 2016 4:21 pm

Pablo wrote:The alignment does not affect characters it only affect the container/paragraph, so using text alignment in the style does not do anything.
You can set the alignment of text object in the toolbar.
All font settings in the style are working correctly:

Image

Only Text Alignment not. Why is it editable there?
I understand that it's inconsistent. The style settings I can use for parts of the (highlighted) text. This cannot work with Text Alignment. But I cannot find out how to center the text when I use styles.

Sorry, what do you mean with toolbar?

When I don't use styles, the alignment are o.k. but I cannot change line spacing. And with a small font at little breakpoints this looks crazy.

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

Re: no line spacing at responsive fonts

Post by Pablo » Mon Oct 31, 2016 6:06 pm

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

Post Reply