我这里有一个开发网站,它使用二十一十三的子主题。
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 >></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 >> </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 >></a></div>
</div>
</aside>
</div>
你可以看到第二和第三个边的代码有这个硬编码:style="position: absolute; left: 530px; top: 382px;"
,我相信left 530px
正在扼杀对齐。问题是我不知道在哪里或如何改变这一点。
请帮忙!谢谢!
我怀疑这与"砖石"网格有关......尝试添加以下代码:
.site-footer .widget {position:static !important;}