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