Mock Text Sections

Aaron was interested in improving the visual clarity of the site (specifically the Support page for Blackboard) by distinguishing what content is targeted at students. The idea is to improve the users’ ability to consistently find appropriate and relevant content.

Here is a first version of more distinguished and noticeable Text Modules. As shown, this can easily be expanded to other Skidmore demographics (e.g. Faculty, Alumni, etc). Minor changes such as gradient direction and color are very simple to implement.

The best and easiest way to accomplish this is by using the Divi Library and creating a “Global” Text Module template for each demographic with a unique background color. Then, when you are adding content for a specific demographic with Divi Builder you can select the appropriate Text Module from “Add from Library “. To make changes to all the Text Modules for a demographic on the website, simply make the changes to one of them, save it, and the changes will be reflected in every Text Module for that demographic.

Original:

 For Faculty:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna ut ex efficitur accumsan. Etiam dolor leo, pharetra eget erat eget, ornare ultrices nisi. Praesent elementum elit vel nisl convallis, ac iaculis erat tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

 

 For Students:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna ut ex efficitur accumsan. Etiam dolor leo, pharetra eget erat eget, ornare ultrices nisi. Praesent elementum elit vel nisl convallis, ac iaculis erat tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

 

With Color Borders:

 For Faculty:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna ut ex efficitur accumsan. Etiam dolor leo, pharetra eget erat eget, ornare ultrices nisi. Praesent elementum elit vel nisl convallis, ac iaculis erat tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

 

 For Students:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at urna ut ex efficitur accumsan. Etiam dolor leo, pharetra eget erat eget, ornare ultrices nisi. Praesent elementum elit vel nisl convallis, ac iaculis erat tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet