1

私はワードプレスを使用しており、テーマは新聞です。著作権のテキストを中央に配置したいのですが、方法がわかりません。テーマ パネルの設定を確認しましたが、編集するオプションがありません。

テーマ パネルの写真:ここに画像の説明を入力

私はウェブでいくつかの回答を見て、エディターにコードを追加することを提案しましたが、それが 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

また、セレクターはCSSクラスを参照する属性セレクターであるため、に似ていることに注意し.td-pb-row [class*="td-pb-span"]てください。.td-pb-row .td-pb-span

于 2016-07-18T13:23:26.053 に答える