二十三个页脚小部件未对齐



我这里有一个开发网站,它使用二十一十三的子主题。

http://unitedconstruction.com/dev/

我有 3 个页脚小部件,但它们不会在一行上对齐,即使它们的宽度是正确的。我认为这与自动嵌入在下面代码中的代码有关:

<div class="widget-area masonry" style="position: relative; height: 765px;">
    <aside class="widget widget_flexible-recent-posts-widget masonry-brick" id="flexible-recent-posts-widget-3" style="position: absolute; left: 0px; top: 0px;">
        <div class="frp-widget-wrapper frp-widget-">
            <div class="frp-clear"></div>
            <ul class="frp-widget">
                <!-- Widget Code -->
            </ul>
        <div class="frp-all-category-news frp-all-category-news-footer"><a href="?page_id=7">read more &gt;&gt;</a></div>
    </div>
    </aside>
    <aside class="widget arpw-widget-random masonry-brick" id="arpw-widget-2" style="position: absolute; left: 530px; top: 0px;">
        <h3 class="widget-title"><span>United</span> Projects</h3>
        <div class="arpw-random-otw-portfolio ">
            <ul class="arpw-ul">
                <!-- Widget Code -->
            </ul>
        </div>
                <!-- Generated by https://wordpress.org/plugins/advanced-random-posts-widget/ --><a title="See more Projects" href="http://unitedconstruction.com/dev/projects/">read more &gt;&gt; </a>
    </aside>
    <aside class="widget widget_flexible-recent-posts-widget masonry-brick" id="flexible-recent-posts-widget-2" style="position: absolute; left: 530px; top: 382px;">
        <div class="frp-widget-wrapper frp-widget-">
            <div class="frp-clear"></div>
            <ul class="frp-widget">
                <!-- Widget Code -->
            </ul>
            <div class="frp-all-category-news frp-all-category-news-footer"><a href="http://unitedconstruction.com/in-the-community/">read more &gt;&gt;</a></div>
        </div>
    </aside>        
</div>

你可以看到第二和第三个边的代码有这个硬编码:style="position: absolute; left: 530px; top: 382px;",我相信left 530px正在扼杀对齐。问题是我不知道在哪里或如何改变这一点。

请帮忙!谢谢!

我怀疑这与"砖石"网格有关......尝试添加以下代码:

.site-footer .widget {position:static !important;}

最新更新