如何在子页脚 Wordpress 中居中我的版权文本
How to center my copyright-text in subfooter Wordpress
在论坛上查看了一些主题后,我带着我的问题来到这里。
我在我的 Wordpress 中使用 Unicon 的森林主题,我无法将版权文本居中...听起来很基本,但我有点迷失在不同的 class 和 css 中的 id 之间.
sick area
作为 CSS 我们今天有关于版权和页脚的问题:
/* ------------------------------------------------------------------------
*/
/* Footer
/* ------------------------------------------------------------------------
*/
#footer {
padding: 60px 0 20px 0;
background: #ffffff;
color:#ffffff;
}
#footer a{
color:#ffffff;
}
#footer a:hover{
color:#ffffff;
}
/* ------------------------------------------------------------------------
*/
/* Copyright
/* ------------------------------------------------------------------------
*/
#copyright {
padding: 30px 0 13px 0;
background: #333333;
color:#777777;
}
#copyright .copyright-col1{
float: center;
margin: 0;
padding: 0;
}
#copyright .copyright-col2{
float: center;
margin: 0;
padding: 0;
}
#copyright a { color: #999999 }
#copyright a:hover { color: #cccccc }
#copyright .copyright-text {}
#copyright .social-icons {
float: center;
margin: -7px 0;
}
#copyright .menu{
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
#copyright .menu li{
display: inline-block;
margin: 0 0 0 20px;
padding: 0;
}
我也不确定#copyright 是我应该关注的领域,还是更多(见照片)。
提前致谢
Float: center;
不是有效的 CSS 属性。在此处详细了解浮动的作用:https://developer.mozilla.org/en-US/docs/Web/CSS/float
要将文本居中对齐,您可以使用 text-align: center;
在论坛上查看了一些主题后,我带着我的问题来到这里。 我在我的 Wordpress 中使用 Unicon 的森林主题,我无法将版权文本居中...听起来很基本,但我有点迷失在不同的 class 和 css 中的 id 之间.
sick area
作为 CSS 我们今天有关于版权和页脚的问题:
/* ------------------------------------------------------------------------
*/
/* Footer
/* ------------------------------------------------------------------------
*/
#footer {
padding: 60px 0 20px 0;
background: #ffffff;
color:#ffffff;
}
#footer a{
color:#ffffff;
}
#footer a:hover{
color:#ffffff;
}
/* ------------------------------------------------------------------------
*/
/* Copyright
/* ------------------------------------------------------------------------
*/
#copyright {
padding: 30px 0 13px 0;
background: #333333;
color:#777777;
}
#copyright .copyright-col1{
float: center;
margin: 0;
padding: 0;
}
#copyright .copyright-col2{
float: center;
margin: 0;
padding: 0;
}
#copyright a { color: #999999 }
#copyright a:hover { color: #cccccc }
#copyright .copyright-text {}
#copyright .social-icons {
float: center;
margin: -7px 0;
}
#copyright .menu{
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
#copyright .menu li{
display: inline-block;
margin: 0 0 0 20px;
padding: 0;
}
我也不确定#copyright 是我应该关注的领域,还是更多(见照片)。
提前致谢
Float: center;
不是有效的 CSS 属性。在此处详细了解浮动的作用:https://developer.mozilla.org/en-US/docs/Web/CSS/float
要将文本居中对齐,您可以使用 text-align: center;