Formatting your widget so providers appear in multiple columns

Problem

Solution

To have the widget display in multiple columns, you will need to add a line of style code to your website. While it is recommended that this be pleased in the header section of your website, the code can appear anywhere above the widget code.

1. Determine whether you want two or three columns. It is not recommended to go with more than three columns. If you have entered information into the provider bio section, it is recommended to display no more than two columns.

2. Add the code to your site based on how many columns you prefer:

   1. Two Columns

<style>

.nextpatient-provider {float: left;width: 50% !important;}

.nextpatient-box {max-width: 100% !important;}

</style>

1. 1. Three Columns

<style>

.nextpatient-provider {float: left;width: 33% !important;}

.nextpatient-box {max-width: 100% !important;}

</style>