Friday, July 31, 2015

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 horizontallyor vertically in the first place – but thank you SharePoint community for providing the work-around,

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


 </style>

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}
</style>
Refer this link : 
http://veroniquepalmer.com/2014/08/14/vertical-promoted-links-in-sharepoint-2013/