Resource List

It is better practice to condense several links whenever possible. For example, the MAC events page hosts 10 links as resources to page visitors. This is more convenient for the user.

First, it is important that you upload this image to your Dixie site. This only needs to be done once per site, so reuse the image if it has already been uploaded to your site.

 
Now, in your content editor, create a div with the class “resourcelist”. This will hold your list and its list items. Within each list item, first insert the image, then an anchor link with your text inside. It should look like this:
<div class="resourcelist">
<ul>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test1</a></li>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test2</a></li>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test3</a></li>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test4</a></li>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test5</a></li>
<li><img src="http://webservices.dixie.edu/wp-content/uploads/sites/9/2017/12/Icons-D.png" alt="Icons-D"><a href="#">Test6</a></li>
</ul>
</div>

 
When you preview your page, it should look like this: