• 0
    down vote
    favorite
    I have a dev site here that is using a child theme of twenty thirteen.

    https://unitedconstruction.com/dev/

    I have 3 footer widgets but they won’t line up on one line, even though their width is correct. I think it has something to do with the code that gets automatically embeded in the aside code below:

    <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://www.ads-software.com/plugins/advanced-random-posts-widget/ --><a title="See more Projects" href="https://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="https://unitedconstruction.com/in-the-community/">read more >></a></div>
            </div>
        </aside>
    </div>

    You can see that the second and third aside codes have this hardcoded: style="position: absolute; left: 530px; top: 382px;" and I believe that thie left 530px is killing the alignment. The problem is that I don’t know where or how to change this.

    Please help! Thank you!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Twenty Thirteen Footer Widgets not aligning in one row.’ is closed to new replies.