Type of CTA
You may select to have an Icon CTA (default) orÌýGold Icon CTA (Gold Background). The type can be changed, without affecting the content that already exists in the CTA Items. To change the type, use the drop-downÌýunder "Type" located at the top of the Icon CTA Paragraph type.Ìý
Editing an Icon CTA
When expanded, the Icon CTAs have the following fields that you can edit: Icon Image, CTA Item Title, Body Text, BottomÌýLink Text andÌýBottom Link.
The Icons
The icons used in the Icon CTA are designed icons, uploaded in .png files and added to the Drupal media library. To use existingÌýicons, search the media library using the term "icon". The files that will work for the Icon CTA will include an '-lg' in the file name (i.e. icon-class-lg.png).Ìý
The required size of the icon varies depending on the orientation. Icons can be square, vertical or horizontal but need to follow fit within the minimum/maximum size requirements
- Minimum Width and Height: 80pxÌý
- Max Height/Weight: 85 px
All icons should be a single color - Hex #023167
- First, remove the existing icon by clicking the remove button to the right of the image.
- The image will be gone and you'll now see a 'Browse' button to the right of where the image previously was.
- Click the 'Browse' button to use the Drupal Media Library to browse and select the icon you wish to add.Ìý
Use our "Working with Images" guide to learn more about the Media library and how to request a new icon be added to the Drupal Media Library.Ìý
CTA Item - Title
Under each Icon CTA Item, there is a title field. This is the title of the CTA Item, which appears directly under the Icon on the live site. To change the title, simply change the text in the text field under "Title".
Note titles should be brief, trying to keep them to 5-7 words or less.
CTAÌýItem Body Text
Under each Icon CTA Item, there is a Body Region. This is theÌýcontent that will appear directly under the CTA Item Title on the live site. To change the body text, simply change the text in the text field under "Text".Ìý
Note that Body text is optional. If left blank only the Title for the Icon CTA item will appear. If you choose to leave out the body text for one item, it is recommended that you do the same for all.
BottomÌýLink Text
Under the Body region of the CTA Item, there is a field for the Bottom Link Text. This is whatÌýthe link will read when live. The Link text appears under the Body text. To change the Link, simply change the text in the text field under "Bottom Link Text". Note thatÌý
Bottom Link
The link field includes the URL of where you want the CTA item to link to.ÌýThe link can be internal or external and should follow the same standards as when adding links to regular body regions. Learn more about Links.
Rearrange the Order of Icon CTA Items
You can change the order that the Icon CTA Items appear on the live site by dragging and dropping the items into a new order or using the row weights. Learn more about how to rearrange paragraph items order.
