Question

我正在寻找一些关于如何更改页脚信用额显示的页脚行的建议。

目前，我已经能够在页脚信用额度上方激活页脚1，页脚2，页脚3，页脚4，这一切都显示正常。

我现在要做的是将页脚信用额分成两列，在左侧，我有页脚信用，在右侧，我想显示接受的付款方式。

我创建了一个子主题，并从themes \ store-front \ inc \ structure复制了footer.php文件，但不知道我是怎么做的。

如果可能的话，我也想知道如何更改页脚信用的背景颜色，此时它看起来就在1 div类中。

我当前的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>
                        info@mysite.com<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所说，

安装插件：自定义CSS

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

.site-info {
display: none;}

Answer 2

我创建了一个WordPress插件，用于删除WooCommerce StoreFront主题页脚信用，因此您无需修改代码here。

StoreFront页脚信用额度

2 个答案: