Content Align Add-on

Control the alignment of inline elements depending on the viewport size.

    It’s all about innovate your business. Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum incididunt ut labore et dolore magna aliqua.

    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, 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.

    It’s all about innovate your business. Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum incididunt ut labore et dolore magna aliqua.

      Digital Pioneers

      It’s all about innovate your business. Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

      Tempora incidunt ut labore et dolore exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

      Content Fields

      Here is a list of common content fields for Content Align add-on.

      Setting Description
      Image An image field with an image picker.
      Alt Text Insert Alt text, which is an important for SEO purposes and part of making a site accessible.
      Content A text field for the main text blocks.

      Style Settings

      Style settings, The Style Settings contains all the specific settings for an add-on. Here is a short overview.

      Setting Description
      Alignment Center, left and right alignment for image content.
      Alignment Breakpoint Display the image alignment only on this device width and larger
      Image Width Define image width
      Image Border Select the image's border style.
      Box Shadow Select the image's box shadow size.
      Hover Box Shadow Select the image's box shadow size on hover.
      Use Lightbox Enable lightbox feature for image
      Enable drop cap Display the first letter of the paragraph as a large initial.

      General Settings

      General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

      Setting Description
      Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
      Remove top margin. Use this option to remove the add-on's top margin
      Remove bottom margin. Use this option to remove the add-on's bottom margin
      Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
      Alignment This option specifies the alignment of an add-on according to the surrounding element
      Text Breakpoint Define the device width from which the alignment will apply.
      Visibility Define when the add-on should be hidden.
      CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

      Information

      2453 Koontz Lane, North Hollywood, CA, United States

      Address