Skip to main content

Miscellaneous Block Element Styling (PDF)

The PDF Layout has a Miscellaneous Block Elements category with settings for styling certain block elements, including address, literallayout, and legalnotice.

Style the Address (PDF)

Use the PDF Layout's Miscellaneous block elements settings to style the text that appears inside an address element. There is an Address category that contains a variety of styling options.

To style the Address category for PDF output:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select Miscellaneous block elements in the sidebar. New_Layout.jpg

  4. Select address.

  5. Use font-family to choose the typeface for the text.

  6. Use font-size to set the size of the text.

  7. Use Font-weight to set the thickness of the text.

    Note

    Some fonts do not support all of the weight options.

  8. Use Font-style to add or remove emphasis styling from the text. Choose Normal for regular text, Italic for forward leaning text, or Backslant for backwards-leaning text.

    Note

    Using Backslant can produce poor results, as many fonts do not support it as a separate outline.

  9. Set the Font variant to normal for regular sized, mixed case letters or small-caps for smaller, upper-case letters.

  10. Use Text-transform to set Paligo to capitalize the text. Choose from:

  11. Set the Letter-spacing.

  12. Use Hyphenate to control how words wrap at the end of a line.

  13. Scroll down to Color to apply a custom color to the text inside the element.

  14. Clear the Use default color checkbox to select a color of your own choice.

  15. Set the color either by:

    • Entering an RGBA code for the color you want (1).

    • Selecting the Color square to display the color selector (2).

      1. Choose the color with the spectrum bar (3).

      2. Control the transparency with the opacity bar (4).

      3. Choose the color shade with the main color panel (5).

      Color selector. There is a field for entering an rgba value. It is labelled 1. There is a black square labelled 2. There is a popup dialog that contains three sections. The sections are labelled with numbers. Label 3 points to a narrow bar that shows the colors of the spectrum. Label 4 points towards an opacity bar ranging from black to transparent. Label 5 points to a color selector with various shades of a single color.

  16. Use the Background-color setting to apply a custom color to the background for the element.

    Clear the Use default color checkbox and then use the color selector to choose your custom color. This works in the same way as when setting the foreground color.

  17. Set the styling for the border.

    • Enter a Border-width to define the thickness of the border line. Enter a value and its units of measurement, for example, 3pt or 0.3cm.

      Leave the field empty if you do not want a border.

    • Select a Border style from the list.

    • Use the Border color setting to apply a custom color to the border.

      Clear the Use default color checkbox and then use the color selector to choose a color.

  18. Use the Padding settings to set the amount of space inside the border of the element block.

    Diagram shows a rectangle that represents a content box. In the middle of the content box is some text. Callout arrows point at the space between the edges of the callout box and the edges of the text inside it.

    • Use Padding-start to set the left-side spacing.

    • Use Padding-end to set the right-side spacing.

    • Use Padding-top to set the spacing above the text.

    • Use Padding-bottom to set the spacing below the text.

    For each setting, enter a value and its units of measurement, for example, 1.2em.

  19. Use the margin settings to set the amount of space around the element. There is a separate setting for each side of the element block: Margin-left, Margin-right, Margin-top, Margin-bottom.

    Enter a value and its units of measurement, for example, 1.2em or 6pt.

    margin-content-box-diagram.png

  20. Use the space settings to control the amount of space above and below the element block.

    The Space-before.optimum is for the space above and the Space-after.optimum is for the space below. Enter a value and its units of measurement, for example, 1.2em or 6pt.

    Note

    These are different to margin settings, as they define a maximum amount of space. For example, if you have an element with a space-after.optimum of 4pt and the next element has a space-before.optimum of 4pt, the space is 4pt. It works as a maximum amount of space, not a sum total.

    Also, Space-before.optimum and Space-after.optimum are normally ignored at the boundary of pages and columns.

  21. Select Save.

When you publish with this Layout, Paligo will apply the settings to the address element in your content.

Style Literallayout Elements (PDF)

Use the PDF Layout's Miscellaneous block elements settings to style the text that appears inside a literallayout element. There is a literallayout category that contains a variety of styling options.

To style the literallayout category for PDF output:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select Miscellaneous block elements in the sidebar. New_Layout.jpg

  4. Select literallayout.

  5. Use font-family to choose the typeface for the text.

  6. Use font-size to set the size of the text.

  7. Use Font-weight to set the thickness of the text.

    Note

    Some fonts do not support all of the weight options.

  8. Use Font-style to add or remove emphasis styling from the text. Choose Normal for regular text, Italic for forward leaning text, or Backslant for backwards-leaning text.

    Note

    Using Backslant can produce poor results, as many fonts do not support it as a separate outline.

  9. Set the Font variant to normal for regular sized, mixed case letters or small-caps for smaller, upper-case letters.

  10. Use Text-transform to set Paligo to capitalize the text. Choose from:

  11. Set the Letter-spacing.

  12. Use Hyphenate to control how words wrap at the end of a line.

  13. Scroll down to Color to apply a custom color to the text inside the element.

  14. Clear the Use default color checkbox to select a color of your own choice.

  15. Set the color either by:

    • Entering an RGBA code for the color you want (1).

    • Selecting the Color square to display the color selector (2).

      1. Choose the color with the spectrum bar (3).

      2. Control the transparency with the opacity bar (4).

      3. Choose the color shade with the main color panel (5).

      Color selector. There is a field for entering an rgba value. It is labelled 1. There is a black square labelled 2. There is a popup dialog that contains three sections. The sections are labelled with numbers. Label 3 points to a narrow bar that shows the colors of the spectrum. Label 4 points towards an opacity bar ranging from black to transparent. Label 5 points to a color selector with various shades of a single color.

  16. Use the Background-color setting to apply a custom color to the background for the element.

    Clear the Use default color checkbox and then use the color selector to choose your custom color. This works in the same way as when setting the foreground color.

  17. Set the styling for the border.

    • Enter a Border-width to define the thickness of the border line. Enter a value and its units of measurement, for example, 3pt or 0.3cm.

      Leave the field empty if you do not want a border.

    • Select a Border style from the list.

    • Use the Border color setting to apply a custom color to the border.

      Clear the Use default color checkbox and then use the color selector to choose a color.

  18. Use the Padding settings to set the amount of space inside the border of the element block.

    Diagram shows a rectangle that represents a content box. In the middle of the content box is some text. Callout arrows point at the space between the edges of the callout box and the edges of the text inside it.

    • Use Padding-start to set the left-side spacing.

    • Use Padding-end to set the right-side spacing.

    • Use Padding-top to set the spacing above the text.

    • Use Padding-bottom to set the spacing below the text.

    For each setting, enter a value and its units of measurement, for example, 1.2em.

  19. Use the margin settings to set the amount of space around the element. There is a separate setting for each side of the element block: Margin-left, Margin-right, Margin-top, Margin-bottom.

    Enter a value and its units of measurement, for example, 1.2em or 6pt.

    margin-content-box-diagram.png

  20. Use the space settings to control the amount of space above and below the element block.

    The Space-before.optimum is for the space above and the Space-after.optimum is for the space below. Enter a value and its units of measurement, for example, 1.2em or 6pt.

    Note

    These are different to margin settings, as they define a maximum amount of space. For example, if you have an element with a space-after.optimum of 4pt and the next element has a space-before.optimum of 4pt, the space is 4pt. It works as a maximum amount of space, not a sum total.

    Also, Space-before.optimum and Space-after.optimum are normally ignored at the boundary of pages and columns.

  21. Select Save.

When you publish with this Layout, Paligo will apply the settings to the literallayout element in your content.

Style Legalnotice Elements (PDF)

Use the PDF Layout's Miscellaneous block elements settings to style the text that appears inside a legalnotice element. There is a legalnotice category that contains a variety of styling options.

To style the legalnotice category for PDF output:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select Miscellaneous block elements in the sidebar. New_Layout.jpg

  4. Select legalnotice.

  5. Use font-family to choose the typeface for the text.

  6. Use font-size to set the size of the text.

  7. Use Font-weight to set the thickness of the text.

    Note

    Some fonts do not support all of the weight options.

  8. Use Font-style to add or remove emphasis styling from the text. Choose Normal for regular text, Italic for forward leaning text, or Backslant for backwards-leaning text.

    Note

    Using Backslant can produce poor results, as many fonts do not support it as a separate outline.

  9. Set the Font variant to normal for regular sized, mixed case letters or small-caps for smaller, upper-case letters.

  10. Use Text-transform to set Paligo to capitalize the text. Choose from:

  11. Set the Letter-spacing.

  12. Use Hyphenate to control how words wrap at the end of a line.

  13. Scroll down to Color to apply a custom color to the text inside the element.

  14. Clear the Use default color checkbox to select a color of your own choice.

  15. Set the color either by:

    • Entering an RGBA code for the color you want (1).

    • Selecting the Color square to display the color selector (2).

      1. Choose the color with the spectrum bar (3).

      2. Control the transparency with the opacity bar (4).

      3. Choose the color shade with the main color panel (5).

      Color selector. There is a field for entering an rgba value. It is labelled 1. There is a black square labelled 2. There is a popup dialog that contains three sections. The sections are labelled with numbers. Label 3 points to a narrow bar that shows the colors of the spectrum. Label 4 points towards an opacity bar ranging from black to transparent. Label 5 points to a color selector with various shades of a single color.

  16. Use the Background-color setting to apply a custom color to the background for the element.

    Clear the Use default color checkbox and then use the color selector to choose your custom color. This works in the same way as when setting the foreground color.

  17. Set the styling for the border.

    • Enter a Border-width to define the thickness of the border line. Enter a value and its units of measurement, for example, 3pt or 0.3cm.

      Leave the field empty if you do not want a border.

    • Select a Border style from the list.

    • Use the Border color setting to apply a custom color to the border.

      Clear the Use default color checkbox and then use the color selector to choose a color.

  18. Use the Padding settings to set the amount of space inside the border of the element block.

    Diagram shows a rectangle that represents a content box. In the middle of the content box is some text. Callout arrows point at the space between the edges of the callout box and the edges of the text inside it.

    • Use Padding-start to set the left-side spacing.

    • Use Padding-end to set the right-side spacing.

    • Use Padding-top to set the spacing above the text.

    • Use Padding-bottom to set the spacing below the text.

    For each setting, enter a value and its units of measurement, for example, 1.2em.

  19. Use the margin settings to set the amount of space around the element. There is a separate setting for each side of the element block: Margin-left, Margin-right, Margin-top, Margin-bottom.

    Enter a value and its units of measurement, for example, 1.2em or 6pt.

    margin-content-box-diagram.png

  20. Use the space settings to control the amount of space above and below the element block.

    The Space-before.optimum is for the space above and the Space-after.optimum is for the space below. Enter a value and its units of measurement, for example, 1.2em or 6pt.

    Note

    These are different to margin settings, as they define a maximum amount of space. For example, if you have an element with a space-after.optimum of 4pt and the next element has a space-before.optimum of 4pt, the space is 4pt. It works as a maximum amount of space, not a sum total.

    Also, Space-before.optimum and Space-after.optimum are normally ignored at the boundary of pages and columns.

  21. Select Save.

When you publish with this Layout, Paligo will apply the settings to the legalnotice element in your content.