-2

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

目前,我已经能够在页脚信用线上方激活footer-1、footer-2、footer-3、footer-4,这一切都很好。

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

我创建了一个子主题并从主题\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>

抱歉,因为忘记粘贴我的代码或演示来展示我目前拥有的内容而出错。

4

2 回答 2

0

正如我的网络主机 TNP HOST 所说,

安装插件:自定义 CSS

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

.site-info {
display: none;}
于 2015-10-17T05:13:43.057 回答
0

我创建了一个 WordPress 插件来删除 WooCommerce StoreFront 主题页脚信用,因此您不必在此处修改代码。

于 2016-10-15T02:23:56.880 回答