店面页脚信用线

Question

我正在寻找一些关于如何改变页脚行显示页脚功劳的建议。

目前，我已经能够激活footer-1, footer-2, footer-3, footer-4以上的页脚信用线，这一切都显示良好。

我现在要做的是将页脚信用线分成2列，在左侧，我有页脚信用，在右侧，我想显示什么支付方式被接受。

我已经创建了一个子主题，并从themesstore-frontinc结构中复制了footer.php文件，但不确定我如何做到这一点。

如果可能的话，我也想知道我如何改变背景的颜色，在那里的页脚信用，在这一刻，它看起来它坐在1div类。

我当前的HTML代码(Firebug)显示了我当前的代码:

<footer id="colophon" class="site-footer" role="contentinfo">
    <div class="col-full">
        <section class="footer-widgets col-4 fix">
            <section class="block footer-widget-1">
                <aside id="text-2" class="widget-1 widget-first widget-last widget-odd widget widget_text">
                    <h3>Get In Touch</h3>
                    <div class="textwidget">
                        My Site Ltd<br>
                        01234 567 8901<br>
                        [e-mail]<br>
                        Email Us Today and we will respond within 24 hours!<br>
                    </div>
                </aside>
            </section>
            <section class="block footer-widget-2">
                <aside id="pages-2" class="widget-1 widget-first widget-last widget-odd widget widget_pages">
                    <h3>ABOUT MYSITE</h3>
                    <ul>
                        <li class="page_item page-item-101"><a href="http://localhost/mysite/about-us/">About Us</a></li>
                        <li class="page_item page-item-5"><a href="http://localhost/mysite/cart/">Cart</a></li>
                        <li class="page_item page-item-6"><a href="http://localhost/mysite/checkout/">Checkout</a></li>
                        <li class="page_item page-item-81 current_page_item"><a href="http://localhost/mysite/">Home</a></li>
                        <li class="page_item page-item-7"><a href="http://localhost/mysite/my-account/">My Account</a></li>
                        <li class="page_item page-item-4"><a href="http://localhost/mysite/shop/">Shop</a></li>
                    </ul>
                </aside>
            </section>
            <section class="block footer-widget-3">
                <aside id="text-5" class="widget-1 widget-first widget-last widget-odd widget widget_text">
                    <h3>WHERE CAN I SEE YOU</h3>
                    <div class="textwidget">JFKLSDJKFJDSJL</div>
                </aside>
            </section>
            <section class="block footer-widget-4">
                <aside id="text-6" class="widget-1 widget-first widget-last widget-odd widget widget_text">
                    <h3>SIGN UP FOR GREAT OFFERS</h3>
                    <div class="textwidget">Be the first in line to receive our great new offers directly into your inbox!</div>
                </aside>
            </section>
        </section><!-- /.footer-widgets  -->
        <div class="site-info">
            © My Site 2015
        </div><!-- .site-info -->
    </div><!-- .col-full -->
</footer>

抱歉，我犯了一个错误，忘记粘贴我的代码或演示来演示我目前拥有的。

Answer 1

我的网络主机TNP host告诉我，

Install Plugin: Custom CSS

，然后添加以下行到自定义css

.site-info {
display: none;}

Answer 2

我创建了一个WordPress插件来删除WooCommerce StoreFront主题页脚信用，这样你就不必在这里修改代码了