Как центрировать авторские права на текст в нижнем колонтитуле?

php html css wordpress copyright-display

251 просмотра

1 ответ

56 Репутация автора

Я использую 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;
}
Автор: Mohammed Источник Размещён: 18.07.2016 01:18

Ответы (1)


2 плюса

897 Репутация автора

Решение

Спасибо за такую ​​глубину! Вот некоторые 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

Автор: MassDebates Размещён: 18.07.2016 01:23
Вопросы из категории :
32x32