Page 1 of 1

need help with styles

Posted: Sat Feb 13, 2021 5:16 pm
by heynen
Dear all,

first of all, thanks to Pablo for the great programming and thanks to everyone who helped me in this forum, especially Crispy. I have worked a lot on my news website, and I am very happy with the look and the workflow within WWB. Because of your help, all layout problems have been solved now. I still have some questions related to working with styles though. Would appreciate any help.

What I want to achieve: I use styles for headlines and the main text. In the style, I define font face/size/colour, line spacing and background colour. Sometimes I need to change some of these features only for a part of a paragraph. Example: In a paragraph that is defined by the style, only four words should be bold.

At the moment, there are some problems. For example: When I apply a style (with a defined line spacing), the line spacing changes when I change one word into the paragraph to bold. Or the line spacing will change in the 480p breakpoint.

Questions:

How can I use a style for a paragraph, but still change some words within that parargraph?

How do I define line height in a style (better to use line height or line spacing)?

How do I tell WWB to change the text size of a style in a breakpoint? There is a "default font size" for the breakpoint, but how does this apply when there are several styles with several font sizes?

If I change the font size in an existing style, will all texts using that style be changed automatically?



You can find the wwb file here: https://www.magentacloud.de/share/0mub6j.iaa

Thank you very much in advance!

Malte

Re: need help with styles

Posted: Sat Feb 13, 2021 6:00 pm
by Pablo
If text uses a global style and then you apply bold to the characters then the style will be removed. Because text cannot have a global style and inline formatting at the same time.
Line spacing always applies to the full paragraph.

Re: need help with styles

Posted: Sat Feb 13, 2021 6:55 pm
by heynen
Thanks for the fast reply!

These questions remain (could not find the answer elsewhere):

How do I define line height in a style (better to use line height or line spacing)?

How do I tell WWB to change the text size of a style in a breakpoint? There is a "default font size" for the breakpoint, but how does this apply when there are several styles with several font sizes?

If I change the font size in an existing style, will all texts using that style be changed automatically?

Also, If I apply a style to a paragraph, and change one word in that paragraph: Will the style be removed, but the paragraph will still keep the formatting settings that were defined in the style?

Re: need help with styles

Posted: Sat Feb 13, 2021 9:11 pm
by Pablo
How do I define line height in a style (better to use line height or line spacing)?
See this tutorial: https://wysiwygwebbuilder.com/style_manager.html
How do I tell WWB to change the text size of a style in a breakpoint?
Add a breakpoint to the style with the same value as breakpoint of the page
See this tutorial: https://wysiwygwebbuilder.com/responsive_text.html
If I change the font size in an existing style, will all texts using that style be changed automatically?
Yes
Also, If I apply a style to a paragraph, and change one word in that paragraph: Will the style be removed, but the paragraph will still keep the formatting settings that were defined in the style?
Yes

Note that this behavior is not specific to WWB. The text editor used by WWB is standard Windows functionality.

Re: need help with styles

Posted: Mon Feb 15, 2021 3:18 pm
by heynen
thank you very much for your detailed answers!
Will try to find a good workflow now.

The new function to define a text size for a breakpoint: How does this apply when I set a breakpoint for a page where the different texts have different sizes?

Re: need help with styles

Posted: Wed Feb 17, 2021 12:43 pm
by Bluesman
Hi heynen. I use "Styles" for all fonts in the projects I produce. Means that you have to make breakpoints in each style that corresponds to the breakpoints you have for the pages in the project. Make different sizes for the different breakpoints. When I use different font and weights in the same paragraphs I make a new style for them. This system works good for me.