Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
Text size relative instead of pixels

smigl
Registered User
Quote
2022-08-03 10:43:20

I have a Text box with an Headline of 18px and the text in 12px.
Between this two there is an image.
If i resize the page to Handy format there are only changes to the picture but not for the Text-Size.

The Site is available under www.prottengeier.rocks


erik
Registered User
Quote
2022-08-03 12:05:15

Text size wont change automatically by default. But you can make it do that using a breakpoint. Right-click the container, choose breakpoints, the avresolution and a font size. Done!


misterpaint
Registered User
Quote
2022-08-03 12:18:40

🔎︎


hi, you must setting up the "points of interrupts" for change the left box witdh, and right box witdh.

Example: when you see this website to 700px setup the witdh to 100%, so each container go to one line.
This for the grids, but you must work also with the text dimensions... like in my example file.
I have created 2 container, one for each text, and I have editing each single breakpints, so are indipendents.

When view is small to 1000px add font-size to 18
When view is small to 700px add font-size to 14

So, with resolution of smartphone, tablet or other, the dimensions texts change.

A piece of advice I can give you is to leave the size of the images in pixels, I have seen that they are small and therefore you can leave for example at 150px of fixed width, without using breakpoints. In the left panel of the properties set "100%, auto" and as "max witdth 150".

I HAVE PUT HERE AN DOWNLOADABLE EXAMPLE (project file) THAT YOU CAN USE (copy and paste if you wont):
https://www.stefanofiorearte.com...



other my downloads:
- Free grids: https://ambiera.com/forum.php?t=...
- Free "Artistic" website: https://ambiera.com/forum.php?t=...
- Free "weave" website: https://ambiera.com/forum.php?t=...


smigl
Registered User
Quote
2022-08-03 12:49:13

OK, thank you, that pointed me in the right direction.
Could this be done via the masterpage for all other pages or do i have to adjust the breakpoints page by page?

What about the arrangement of Containers.
There are two Containers side by side in full resolution.
How do i arrange the Containers one on top of the other if the resolution is set to half of the size?
I found nothing in the breakpoint- menu.


erik
Registered User
Quote
2022-08-03 15:44:15

If the element this applies to is on the master page, then you can do it there. Usually you only need to do this with headings or titles, so this should work.
But it is usually not necessary for most text; just keep it a fixed size on all screens, works nicely usually.


bupp
Registered User
Quote
2022-08-03 19:47:08

wrote:

What about the arrangement of Containers.
There are two Containers side by side in full resolution.
How do i arrange the Containers one on top of the other if the resolution is set to half of the size?
I found nothing in the breakpoint- menu


put these two containers (100%) into another one and set it to 50%.

And look in Help from RC "How to use masterpage" and you 'll learn, how it works


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Int?rnational" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact