I create an app using the Promoted Links in Sharepoint 2013. I chose to do this because the feature has the awesome hover effect and is easy to customize the image.

The issue is that I have been trying to figure out how to change the tile sizes. They are awesome the way they are, however I just need them smaller. I still want the hover effect as well and for the text to match the same ratio as the tile. I have tried web zones, I have done each ID but with no luck. Please help.

Same question asked before: change the default tile size in Sharepoint 2013

But this was for decrees the size for tile.


Try to work with browser tools to fiddle with CSS - press F12 to access the tools in common browsers.

Here's your CSS:

<style type="text/css">
        div.ms-promlink-body {
            height: 200px;

        div.ms-tileview-tile-root {
            height: 210px !important;
            width: 210px !important;

        div.ms-tileview-tile-content, div.ms-tileview-tile-detailsBox,  div.ms-tileview-tile-content > a > div > span {
            height: 200px !important;
            width: 200px !important;


        div.ms-tileview-tile-content > a > div > img {
            max-width: 100%;
            width: 100% !important;

        div.ms-tileview-tile-content > a > span {
              margin-left: 25px;
              margin-top: 25px;

        ul.ms-tileview-tile-detailsListMedium {
            height: 200px;

        .ms-tileview-tile-titleMediumCollapsed {
            height: 50px;

enter image description here

  • Thanks Mx. for you reply. I tried it but no working as expected at my side. I have two promoted Link on same page. For first, I decrees the tile size and look good but another whose tile need to increase is not working. – user2493287 Apr 24 '15 at 13:57
  • @user2493287 This works well on OOTB tiles. I cant help you as i dont know whats wrong in your environment. – Mx. Apr 24 '15 at 14:56
  • @Max, Now, I can set image size as expected but problem with the shadow not coming properly on Expand and Collapsed. Got good link: social.technet.microsoft.com/Forums/sharepoint/en-US/… This link tell us that we cant change top position of shadow as it is hard-coded. – user2493287 Apr 28 '15 at 10:42
  • @Max, I used your css, but it is showing half shadow on tile which is my main problem now. – user2493287 Apr 28 '15 at 10:49
  • @user2493287 as I said - this works OOTB. When this isn't working for you there is something that applies wrong styles to the tiles. – Mx. Apr 28 '15 at 11:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.