Sign in

Title is hidden and instead there is an H1 here.

This is a Standard Paragraph One text element. The horizontal rule above is custom HTML.

The paragraphs Style sets the text color to the right-most neutral color. (White or nearly white.)

By the way, the H1 above does not have the class dw-mod associated with it. Class attributes containing "dw-mod" will acquire different attributes. For instance, a Paragraph Title when not hidden is rendered as "<h2 class='dw-mod"> where as an h2 in this paragraph does not have the class applied.

Base styles for H1 - H3 and p are set in site settings. As are the colors used for them.

The paragraph tag "<p>" has two classes defined to affect it's look. 

  • center - centers the content, including enclosed images within the paragraph.
  • larger - renders the paragraph text at 32px, line height 46px

Title hidden, replaced as <h1>

The image to the left is an Image paragraph with the focus point set. In mobile mode it requires custom styles to render properly. An alternative is to use a Standard Paragraph Two and embed the image in Text. More precise control over the image's rendering is available.

Standard Paragraph One, no image.

This paragraph displays its title in the OOTB style (Hide Title is unchecked.) The paragraph's style is set to centered, top aligned, medium padding all around.

The row below is a three column row, each with a Standard Paragraph Two within. The SVG file is included as the paragraph's image and the style is set to horizontally centered, top aligned.

It's important to note that if the page or row's background color is DARK, you should set the text color in your paragraphs to white or one of the lightest greys or green. Image 

Below are examples to the primary, secondary and tertiary button styles on a light background.

 

Swine

 

Ruminent

 

Poultry

CUSTOM CAPABILITIES, FROM INGREDIENT FORMULATION TO FEED PRODUCTION

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,

Based on science, backed by research

Here's an h2.

Here's an h3.

Here's an h4.

Here's an h5.
Here's an h6.

This paragraph tag is attributed with class="center"

This paragraph tag is attributed with class="larger"

Resources & Downloads

This paragraph uses tags with class="btn btn--tertiary dw-mod" addded.

Link to Chromax
Link to a file
Link to Speak to a Representative
Link to redirect to privacy policy

Left / Center / Right Column

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Open the STYLE section and chose left, right or center for the position of the paragraph over the background. Set the Text color appropriate to the background. Do not set a background image here. Set it in the row.