Vertical Promoted Links in SharePoint 2013

SharePoint 2013 has nice little tiles called Promoted Links to link to stuff all over your sites.  However, they all display horizontally when you add them to your page. Silly Microsoft for not providing us the option to list them horizontally or vertically in the first place – but thank you SharePoint community for providing the work-around, (and specifically in this case, David Lozzi)! 🙂  I love copy / paste code!!  Learn how to do this from our discussion on Yammer – thanks for your help David!

promoted links vertical and horizontal



Post Blog Update : So it seems not everyone is on Yammer.  Instructions and code copied and pasted below for your convenience. 🙂

<style type=”text/css”>
.ms-promlink-body {width: 170px }
.ms-promlink-header {display: none}

Drop it into the Edit Source bit of the Content Editor Web Part on the page to make it work.  If the web part is too wide, insert it into a table first and shrink the column width accordingly.

To make one set of links vertical and the other horizontal :

<style type=”text/css”>
#msozonecell_webpartwpq6 .ms-promlink-body {width: 170px }
#msozonecell_webpartwpq6 .ms-promlink-header {display: none}

Add the web part’s ID, as indicated by the #.   HOWEVER You’ll need to find YOUR web part ID. To do so, use your dev tool bar (see here for more details) and click on one of the promo links, then navigate up the tree until you find your DIV with a similar ID as noted above, chances are the only change will be the number at the end, like this.




And then also learn how to wrap tiles here.


  1. I’m trying to create a webpart that contains a vertical list, the list is coming from another page as an app. I’ve tried doing this and all it does is show up in dataview.

    The information you posted above! Are you implying that I can go into designer and apply that code and it will change the veiw?


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.