SP2103中的推荐链接 [英] Promoted links in SP2103

问题描述

我在SP2013中有一个升级的链接列表.我在CEWP中使用以下脚本，但是我无法将磁贴网放置在给定的Webpart中.磁贴向左移动.有人可以帮忙吗?我调整了瓷砖的大小，将字母居中，但我 迷路了！预先感谢

I have a promoted links list in SP2013. I use the below script in a CEWP however I can not net the tiles to center within the given webpart. The tiles are shifted far left. Could someone assist with this? I resized the tiles, centered the letters, but I am lost! Thanks in advance

<style>
/*------------ CUSTOMIZE PROMOTED LINKS ------------*/

  /*  tile row height */
  div.ms-promlink-body {
    height: 100px;
  }

  /*  tile dimensions, including inter-tile margin */
 div.ms-promlink-body > div.ms-tileview-tile-root {
    width: 110px !important;
    height: 110px !important;
  }

  /*  tile and title( + description) overlay dimensions */
  div.ms-promlink-body > div.ms-tileview-tile-root > div.ms-tileview-tile-content {
    width: 100px !important;
    height: 100px !important;
  }

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


  /*  tile background image dimensions */
  div.ms-promlink-body > div.ms-tileview-tile-root > div.ms-tileview-tile-content > a > img {
   height: 100% !important;
    width: 100% !important; 
  }


  /*  title and description text  */
  div.ms-promlink-body > div.ms-tileview-tile-root > div.ms-tileview-tile-content > a > div.ms-tileview-tile-detailsBox > ul.ms-tileview-tile-detailsListMedium {
    height: 100px;
    padding: 4px 7px 7px;
    font-size: 11px;
    line-height: 14px;
  }

  /*  description text class  */
  div.ms-promlink-body > div.ms-tileview-tile-root > div.ms-tileview-tile-content > a > div.ms-tileview-tile-detailsBox > ul.ms-tileview-tile-detailsListMedium > li.ms-tileview-tile-descriptionMedium {
    padding-top: 10px;
    font-size: 11px;
  }

  /*  title text when description not shown  */
  div.ms-promlink-body > div.ms-tileview-tile-root > div.ms-tileview-tile-content > a > div.ms-tileview-tile-detailsBox > ul.ms-tileview-tile-detailsListMedium > li.ms-tileview-tile-titleMediumCollapsed {
    background-color: rgba(0, 0, 0, 0.6);
    width: 86px;
    height: 29px;
    ;
    top: -33px ;
    left: 0px;
    padding: 4px 7px 0px;
    font-size: 11px;
    line-height: 13px;
  }
</style><style>
.ms-promlink-body {
    width: 550px;
    text-align:center;
    ;
    }

.ms-promlink-header {
    display: none;
    margin-left: auto;
    margin-right: auto;
}
</style><style>#sideNavBox { display:none; }</style>

李·莫索尔

推荐答案

CSS问题总是不容易的.

CSS issue is always not easy.

我建议您使用浏览器调试工具进行调整.

I suggest you to use browser debug tool to do the adjustment.

这篇关于SP2103中的推荐链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！