我正在寻找一些关于如何更改显示页脚信用的页脚行的建议。
目前,我已经能够在页脚信用线上方激活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>
抱歉,因为忘记粘贴我的代码或演示来展示我目前拥有的内容而出错。