如何在子页脚中居中放置版权文本？

Question

我正在使用 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;
}

Answer 1

谢谢你的深度！这里有一些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 即可 'break' 页面布局的其余部分。

编辑，回答评论问题：

抱歉，这里有更多信息：

当 CSS 被应用到一个元素 时，该元素已经被不同的选择器规则 设置了样式，会计算 特异性 。我给你的 CSS 如果添加它自己会很好，但是，如果你想将它添加到你已有的选择器中，.sub-footer-copy，那么你必须添加!重要的是要覆盖你已经写好的 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 class，所以它类似于 .td-pb-row .td-pb-span

如何在子页脚中居中放置版权文本？

How to center copyrights text in subfooter?

html

css

php

wordpress

copyright-display

编辑，回答评论问题：