Question

虽然将我自己的主题从我的html页面转换为wordpress ...我几乎所有工作都有效但由于某种原因我无法在页脚中摆脱这个白色背景。我尝试了一切，我无法弄明白。我是这个wordpress的新手，我看了几个小时试图找出来，仍然一无所获 ScreenShot Of My WebSite 继承我的自定义wordpress主题中的Footer.php文件中的代码。自己看看吧 http://wp.trillumonopoly.com

<footer>

                                <br>
                                <div class="container"  style="border-radius:5px; border-color:black; background-color: rgba(0,0,0,.6)">
                                    <div class="col-xs-4 col-sm-4 col-md-4"><h2><font color="White">Twitter</font></h2><BR>

                                    </div>
                                    <div class="col-xs-4 col-sm-4 col-md-4"><h2><font color="White">Facebook</font></h2><BR>

                                    </div>
                                    <div class="col-xs-4 col-sm-4 col-md-4"><h2><font color="White">ACCOUNT</font></h2><BR><BR> </div>

                                    </div><br>
                                </div>




            </div>




<center>
<p><?php wp_nav_menu(array('theme_location'=>'Footer')); ?></font></p>
<!-- copyright --><br><br>

                <font size=".5em"><p class="copyright">

                    &copy; <?php echo date('Y'); ?> Copyright <?php bloginfo('name'); ?>. <?php _e('Powered by Forever Digi Empire LLC'); ?>

                    </center>
                </font>
                <!-- /copyright -->


</footer>
<script src="<?php echo get_template_directory_uri(); ?>/js/nav.js"></script>



<script language=JavaScript>

<!--





var message="Thats Property iLLumonopoly Global Publishing. Unauthorized Duplication is prohibited";

///////////////////////////////////

function clickIE() {if (document.all) {(message);return false;}}

function clickNS(e) {if 

(document.layers||(document.getElementById&&!document.all)) {

if (e.which==2||e.which==3) {(message);return false;}}}

if (document.layers) 

{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}

else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}



document.oncontextmenu=new Function("return false")

// --> 

</script>

<script type="text/javascript">stLight.options({publisher: "f497004f-2790-48d8-888b-6fec35fdf757", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

<script>

var options={ "publisher": "f497004f-2790-48d8-888b-6fec35fdf757", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "myspace", "pinterest", "blogger", "email", "sharethis"]}};

var st_hover_widget = new sharethis.widgets.hoverbuttons(options);

</script> 

<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');



  ga('create', 'UA-72805834-1', 'auto');

  ga('send', 'pageview');



</script>





<script>

$('.menu_nav') .click (function () {
var href = $(this) .attr('href');
$('#contentarea').hide() .load(href).slideRight( 'very slow' )

    return false;
}); 
</script>

<?php wp_footer(); ?>
</body>
</html>

Answer 1

在您的代码中看到第3行有“background-color”..... 更改背景颜色的值.... 例如：background-color：＃9C27B0; （彩色）

您的修改第3行是：

<div class="container"  style="border-radius:5px; border-color:black; background-color: #9C27B0">

Answer 2

我刚刚在Chrome上的开发者工具中更改了“页脚”颜色。注意：位于页脚内的div不会填充页脚的整个空间。我建议制作另一个“包装”div，它在页脚当前所在的空间中定义，跨越宽度和高度以填充该空白区域。或者你可以添加到css文件

footer{background-color:rgba(whatever, color, you, want);}

如何在Wordpress页脚中删除背景颜色

2 个答案: