簡體   English   中英

不匹配的二十三個頁腳小部件

[英]Twenty Thirteen Footer Widgets Not Aligning

我在這里有一個開發站點,該站點使用21的兒童主題。

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;}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM