1

我正在使用 wordpress，主题是报纸。我想将版权文本居中，但我不知道如何。我已经检查了主题面板设置，没有可以编辑的选项。

主题面板图片：在此处输入图像描述

我在网上浏览了一些答案，他们建议在编辑器中添加代码，但我不确定是 footer.php 还是 style.css。如果是后者，我设法找到有关子页脚的部分：

    Sub Footer
*/
.td-sub-footer-container {
  background-color: #0d0d0d;
  color: #ccc;
  font-size: 12px;
  font-family: 'Open Sans', arial, sans-serif;
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .td-sub-footer-container {
    text-align: center;
    padding: 6px 0;
  }
}
.td-sub-footer-copy {
  line-height: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
}
/* Sub Footer Menu */
.td-sub-footer-container .td-sub-footer-menu {
  float: right;
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .td-sub-footer-container .td-sub-footer-menu {
    float: none;
  }
}
.td-subfooter-menu {
  display: inline-block;
  margin: 0;
  float: right;
  /* responsive landscape tablet */
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
  .td-subfooter-menu {
    padding-right: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1018px) {
  .td-subfooter-menu {
    padding-right: 48px;
  }
}
@media (max-width: 767px) {
  .td-subfooter-menu {
    float: none;
  }
}
.td-subfooter-menu li {
  display: inline-block;
  margin-left: 0;
}
.td-subfooter-menu li a {
  margin-right: 16px;
  line-height: 34px;
  display: inline-block;
  color: #ccc;
}
.td-subfooter-menu li a:hover {
  color: #4db2ec;
}
.td-subfooter-menu li:last-child a {
  margin-right: 0;
}
.td-subfooter-menu ul {
  display: none;
}
4

1 回答 1

2

谢谢你的深度！这是您需要添加的一些 CSS：

.td-pb-span5.td-sub-footer-copy {
    float: none;
    text-align: center;
    margin:0 auto;
}

你需要这个的原因是你的子页脚遵循了一些已经为你的页面的其余部分建立的规则：

.td-pb-row [class*="td-pb-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
}

简单地删除上面的 CSS 将“破坏”页面布局的其余部分。

编辑，回答评论问题：

抱歉，这里有更多信息：

当 CSS 被应用到一个已经被不同选择器的规则设置样式的元素时，就会计算出特异性。我给你的 CSS 如果添加它自己就可以了，但是，如果你想将它添加到你已经拥有的选择器中.sub-footer-copy，那么你必须添加 !important 来覆盖你已经编写的 CSS，像这样：

td.sub-footer-copy{
    float: none !important;
    text-align: center;
    margin: 0 auto;
}

这是因为选择器比选择器.td-pb-row [class*="td-pb-span"]更具体.sub-footer-copy。以下是对此的进一步阅读：

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

另外，我想指出选择器.td-pb-row [class*="td-pb-span"]是一个引用 CSS 类的属性选择器，所以它类似于.td-pb-row .td-pb-span

于 2016-07-18T13:23:26.053 回答