Fonts/Text in RLM - Sizing. How to...

User 2336498 Photo


Registered User
40 posts

Hi there -

RLM works great and elements and images re-size perfectly. I have no breakpoints.
However, the text do not auto-size like the images or other elements. They keep their size and at one point--depending on the length of the text--reach over into the next column. Regardless I have no-wrap or wrap. With wrap on, the font size remains and a second or third line wraps in and shits the column; that's fine, but how to make fonts responsive so they size as well?

Thank you.
User 2484360 Photo


Registered User
3,293 posts

Hey Frank,

We would love to add this feature. However it is only supported in one major browser at this time and has not been completed being built by the creators of CSS3. :P

Once it is out I am sure we will be adding it to Responsive Layout Maker, but as much as we try we can not force "The Builders" as we call them, to hurry and finish CSS3! :P
User 2336498 Photo


Registered User
40 posts

Adam -

I see. Please recommend a workaround. Breakpoints?

User 2484360 Photo


Registered User
3,293 posts

Frank Schneider wrote:
Adam -

I see. Please recommend a workaround. Breakpoints?



This is how it is done for now. You have a breakpoint and reduce the font size. :)

Now, I am going to have a cup of coffee.

User 2336498 Photo


Registered User
40 posts

Adam East wrote:
Frank Schneider wrote:
Adam -

I see. Please recommend a workaround. Breakpoints?



This is how it is done for now. You have a breakpoint and reduce the font size. :)

Now, I am going to have a cup of coffee.



Hey Scott - a related question. Is font size reduction possible without a breakpoint by just using the slider? When I have the slider at a certain px number, can I change the font size at slider px position and so on? Trying to understand better the capability of the breakpoint versus slider since a responsive design should avoid breakpoints.

Thank you.
User 103173 Photo


VP of Software Development
0 posts

The entire purpose of the slider is to help with the creation of breakpoints. You then customize settings based on the breakpoint. Just moving the slider without creating a breakpoint simply applies those within the currently selected breakpoint.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2578278 Photo


Registered User
14 posts

There's also a JavaScript solution for resizing type smoothly.
http://simplefocus.com/flowtype/
User 476017 Photo


Ambassador
375 posts

Are there any recommended fonts that should be used for responsive sites.
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 10077 Photo


Senior Advisor
1,095 posts

Dave, it really depends on how you want the site to look. I've used a number of different fonts in RLM and haven't had an issue. The key really is to use the slider and set breakpoints to adjust the fonts.

Also, keep asking questions like you are doing. The more you learn about the responsive programming, the better you will get at it. One day, you will have that "A HA!" moment and it will all fall together.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.