What are content options?

As mentioned before, you have to think of a content element as a closed system, a paragraph. Technically, each content item is stored in a "div", a container. The advantage of this is, a container can have a border, an inside spacing, a background color and we take advantage of that. If you go to the toolbar, where you'll find the tools for editing content, you'll see a gear on the far right. That's the tool that allows you to assign individual options to each section. But be careful. You have to know, there is a central place where these options are assigned superiorly. That makes sure that every piece of content has the same options to begin with. So the same spacing, the same border and background settings. That's where you set how much space you want to give the content and whether you want a line under each paragraph, for example, or whatever. But sometimes something is not always appropriate for all paragraphs. So you can set each paragraph individually. You turn off the parent settings and use your own. For example, you can add more spacing to the top or bottom of individual paragraphs or add a line to them. But you have to know that at that moment the section will no longer react to external changes. If you change the global settings, the sections you modify will act as if they don't care. You may then have to call up all the manually set content elements one by one and change them back to global options.

 

 

With Page4 you have the possibility to graphically design every single content (section). For this purpose there is the cogwheel, which you can find in the toolbar on the far right. By default all content gets the same settings. You can find the dialog for this in the menu "Design" and there at the bottom under "Design settings". If you open the dialog "Edit content settings" via the cogwheel in the toolbar, you can edit the frame and the background. Above the settings options are two options. "Take values from layout" and "Use own values". If the option "Take values from layout" is active, the content element uses the settings that you have stored in the menu "Design" under "Design settings".

 

 

If you click on "Use own values" then you can change the stored values and the content element you are editing will then use its own values for borders, background and spacing. However, this also means that if you change the global settings under the "Design" menu, these changes will only be applied to content elements that have the "Apply values from layout" option activated. All the content elements you edit manually will keep their own values until you uncheck the "Use custom values" option.

You have several options to change the "wrapping" of a content element.

 

You can create a border for each side of the content element and give this border a thickness. All frames together can have their own color. The border thickness builds inwards. This means that if you create a border of, for example, 20 pixels (px) on the left and right, the actual content will be shifted inward by 20 px. The total width of the content element, however, does not change. If you activate frames that are displayed at the top and bottom, then the height of the element increases and the actual content is moved down.

 

Each content element can have its own background color. If you want the background to be transparent, simply delete the color values with the trash.

 

You can do several things with the inside padding. If you just want more space between each content item on your web page, you can globally set each content item to automatically have an inner space at the bottom. If you specify an inner spacing at the top and bottom, then the spacing between two pieces of content will naturally be as large as the specified spacing at the top and bottom combined. Therefore, it usually makes sense to specify only one spacing at the bottom. If you set this globally, every new section and also all existing sections that are set to "Take values from layout" will automatically have the global values to display. If you want to display individual contents with a larger distance to each other, you can of course always overwrite the global values with your own specifications.
If you use a frame, it makes sense to give the content a certain distance to the frame. For this purpose you also use the internal spacing. The frame "pushes" the content inwards but the inner distance is always calculated from the inner edge of the frame. So if you enter 20 px inside spacing, then the actual content of the element has a spacing of 20 px to the frame, no matter how strong this frame itself is.

 

Each content element automatically gets a unique jump tag (#cnt1234) when it is created. This allows you to create links to jump to individual content elements on a page at any time. You will only see this effect if the page is so long that you have to scroll. Here's an example of how you can use such jump labels:
Let's say you have a long page with 10 longer texts, each with a heading. Then you can create a table of contents at the top of the page, specify the headings, and each heading will link to the original heading on the page. To do this, you just have to use the jump labels of each heading as a link.
You can also jump to elements on other pages by adding the jump mark after the link to the page. If the element you want to link to is on the page "ferien.html" then the link to the element with the jump mark "#cnt5449" looks like "/ferien.html#cnt5449".