Call To Action

Call To Action

• Content: fields for Text (singe RTE, no heading and text separation), Link Button and Image.

• If no image is set then component layout defaults to centred. When image is added it defaults to the left of the text and has a max-width of 35%

• Styles: Text, Button and Text Background colours can be specified

• Layout: Options to Move Image Right and Enable Width 50 / 50 (makes text and image equal widths)

Layout issues

• With an image included the text and button content is left-aligned. This alignment remains in place when the content stacks on mobile. If the image and text are NOT set to equal widths, a restriction is set on the image width (75%). This results in a strange offset layout - see 2nd CTA example below on mobile

Accessibility issues

• No errors (WAVE plugin)

Potential improvements

• Option to centre-align the content of a CTA when an image is included (mobile). Also the option to stack and centre-align the content on desktop.