如何在wordpress中居画廊插件？

Question

我想要编辑我的wordpress网站。我安装了一个名为Huge IT Portfolio Gallery的插件。

我无法将画廊图像置于页面中心。一切都在左边。我一直在搞乱CSS代码而没有成功:(

http://melissaellsworth.com/portfolio/

上面是画廊插件。以下是我认为问题可能在哪里。这是我的第一篇文章，如果我遗漏任何内容，请原谅我。我很感激任何帮助。需要一个很好的面试组合！

＆＃13;

＆＃13;

.art-sheet
{
   background: #FFFFFF;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   -webkit-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
   -moz-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
   box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
   border:1px solid #A50D0D;
   padding:8px;
   margin:-60px auto 0;
   position:relative;
   cursor:auto;
   width: 70%;
   min-width: 700px;
   max-width: 1344px;
   z-index: auto !important;
}

.art-layout-wrapper
{
   width: 100%;
   vertical-align: top;
   margin: 0 auto;   
}

.art-content-layout
{
   width: 100%;
   vertical-align: top;
   margin: 0 auto;
}

.art-content-layout-row 
{
   width: 100%;
   vertical-align: top;
   margin: 0 auto;
   
}


.art-layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   width: 100%;
   vertical-align: top;
   margin: 0 auto;
}

/* need only for content layout in post content */ 
.art-postcontent .art-content-layout
{
   border-collapse: collapse;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

所以发生的事情是你的投资组合都有自己的div，它们都被设置为position: absolute;，并且每个变换都自动应用（变换就是设置它们的位置）。

您需要做的是为容器应用宽度（以使其保持为两列），例如：

#huge_it_portfolio_container { width: 570px;
}

并将其添加到您的投资组合中：

  .hugeitmicro .hugeitmicro-item {
    position: relative !important;
    transform: none !important;
    display: inline-block;
    }

然后输出：