Skip to main content

 Sample Code

Some code samples

CSS sample code

Custom document styles

In PageSeeder version 6, you should no longer import the default document styles.

Here are some styles that could be applied to particular content in a document (in this example, a <block label="xyz"> is displayed with text orange and centered, a dotted orange line on top but no other borders)

/* Specific to type and block label 'xyz' */
.document-type-references .psml-content .label-xyz {
  border: none;
  border-top: 2px dotted orange;
  color: orange;
  font-style: italic;
  text-align: center;

In version 5, you previously needed to import the default document styles using the following CSS import:

/* import default document styles */
@import url(../../../../weborganic/document/css/psml-content.css); 

When switching to version 6, you should remove this line when using legacy code.

For further information regarding the customized display of content in PageSeeder, see How to change the display of PSML using CSS and for further reference regarding PageSeeder CSS, see PSML document styles (CSS).

This example can be deployed by editing the CSS when on the following page: Project dashboard > Template > Types

Created on , last edited on