Add a line between what and who in a whatbox

[text_output]This feature makes it easier to tell the difference between the text that describes an activity and the role that performs it. You can create a customised line to help differentiate between the two.[/text_output]
[custom_headline level=”h3″ looks_like=”h3″ id=”” class=”” style=””]Simple Line[/custom_headline]
[text_output]To add a simple line across the What box go into the Stylesheet and select Simple under Line between what and who for a What box.

Screen Shot 2016-05-27 at 11.58.13

This creates a line across the box that is the same size and color as the border of the what box as shown below.

Screen Shot 2016-05-27 at 12.00.22[/text_output]

[custom_headline level=”h3″ looks_like=”h3″ id=”” class=”” style=””]Custom style[/custom_headline]
[text_output]If you want to be more adventurous you can use custom CSS style to make it look how you like.

If you’re not familiar with CSS then it’s probably best to stick with the simple line but CSS isn’t’ so difficult. There are plenty of resources online that can help you.

Here’s an example with a dotted line:

Screen Shot 2016-05-27 at 12.05.11

To make it look like this you simply add border-top: 1px dotted; in the custom field in the stylesheet.

You can make the lines different colors by adding a color to the CSS. So this border-top: 3px dotted blue; would give you:

Screen Shot 2016-05-27 at 12.08.23

You find lots of different resources that will help you design your own line here.[/text_output]