Format a BU Landing Page Promo Box or Section to be Branded Spark!
RF

Robert Foley

Created Sep 13, 2022

Format a BU Landing Page Promo Box or Section to be Branded Spark!

0
    i

Bu

13 Steps
1

From the WordPress Admin: navigate to the page in question that you would like to style entirely as BU Spark!

Research + Impact is being used as an example page.

From the WordPress Admin: navigate to the page in question that you would like to style entirely as BU Spark!
2

Click on Promo Space #1.

Click on Promo Space #1.
3

In the Promo Space Custom Class(es) text input field, type in "spark".

In the Promo Space Custom Class(es) text input field, type in "spark".
4

Click on Update.

Click on Update.
5

Click on View page.

Click on View page.
6

Observe how the Promo Space #1 has adjusted to visually align with BU Spark.

NOTE: This adjustment can be made to any of the other BU Landing Page sections with a similar text input field.

Observe how the Promo Space #1 has adjusted to visually align with BU Spark.
7

To adjust and edit only individual Promo Boxes: Click on Edit Page.

To adjust and edit only individual Promo Boxes: Click on Edit Page.
8

Remove the word "spark" from the Promo Space Custom Class(es) text input field.

Remove the word "spark" from the Promo Space Custom Class(es) text input field.
9

On one of the Promo Boxes within this Promo Space #1, click the arrow on the right side to expand for more options.

On one of the Promo Boxes within this Promo Space #1, click the arrow on the right side to expand for more options.
10

Within this Promo Box: In the Custom Class(es) field, type in "spark"

Within this Promo Box: In the Custom Class(es) field, type in "spark"
11

Click on Update

Click on Update
12

Click on View page

Click on View page
13

Observe how an individual Promo Box has now been updated to appear as Spark! branded.

Observe how an individual Promo Box has now been updated to appear as Spark! branded.
Well done!
Create how-to guides like this in a snap. Get Tango now.