unable to minimize the prompted links height and width and their tile images

I have added a couple of prompted links to my SharePoint team site collection, as follow:-

now i wanted to modify the prompted links height & width , so i follow the approach mentioned on this  link, where i added the following style :-

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

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

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

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

            ul.ms-tileview-tile-detailsListMedium {
                height: 100px;
                padding: 0;
            }

            li.ms-tileview-tile-descriptionMedium {
                font-size: 11px;
                line-height: 16px;
            }

            div.ms-tileview-tile-titleTextMediumExpanded, div.ms-tileview-tile-titleTextLargeCollapsed, div.ms-tileview-tile-titleTextLargeExpanded {
                padding: 3px;
            }

            div.ms-tileview-tile-titleTextMediumCollapsed {
                background: none repeat scroll 0 0 #002E4F;
                font-size: 12px;
                line-height: 16px;
                min-height: 36px;
                min-width: 97px;
                padding-left: 3px;
                ;
                top: -36px;
            }

            li.ms-tileview-tile-descriptionMedium {
                font-size: 11px;
                line-height: 14px;
                padding: 3px;
            }

</style>
the result is that the prompted links dimension were modified , but the tile images were not affected and now only part of the tile images will be visible as follow:-

so how i can also modify the tile images dimensions ?

September 1st, 2015 10:20pm

Hi,

According to your description, my understanding is that you want to minimize the tile size in SharePoint 2013.

This issue is about SharePoint OOTB tiles images not risize with the width and heigt of the CSS style.

I suggest you can resize the tile images, by default the images are located at the path:

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\IMAGES\gettingstarted.png

Another option is that we can use our custom image with correct size and use Jquery to change the tile size.

Here is a detailed article for your reference:

jQuery to change size of the Promoted Links in Sharepoint 2013

Thanks

Best Regards

Free Windows Admin Tool Kit Click here and download it now
September 7th, 2015 9:25pm

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics