WordPent Twentysixteen тема, удалив все ненужные пробелы в теме

-1

В основном это один вопрос, но для устранения избыточного интервала может потребоваться многочастный ответ. В основном проблема возникает при настройке отображаемого изображения на сообщение по теме twentysixteen по умолчанию. У меня есть тестовая среда для тестирования, чтобы показать это здесь: http://192.241.239.174/index.php/2016/11/02/hello-world/

Вот пример того, как он в настоящее время соответствует тому, что я ожидаю от него: http://prntscr.com/d204p5

Спасибо за любую помощь

Edit: Дальнейшее исследование подобных вопросов, которые я получил немного ближе, используя какой-то пользовательский css, чтобы изменить максимальную ширину уменьшенного изображения/признака max до 150, что должно быть хорошо, так как все мои избранные изображения будут 150x150 в любом случае. Этот код был добавлен в пользовательский css:

.post-thumbnail img {
    float: left;
    margin: 5px 15px 10px 0;
    max-width: 150px;
}

Теперь текст выглядит немного выше, но все равно не удается обернуть миниатюру и по-прежнему не достаточно близко к миниатюре. Я хотел бы, чтобы текст был ближе к миниатюре

EDIT: полное решение. В качестве полного решения, которое я использовал, было добавление этого кода в пользовательский css:

.entry-footer {
    display: none;
}

.post-thumbnail img {
    float: left;
    margin: 0px 20px 0px 0;
    max-width: 150px;
}

body:not(.search-results) article:not(.type-page) .entry-content {
     float: none !important; 
     width: 100%;
}


.entry-content > :last-child {
    margin-bottom: 0;
    text-align: center;
    width:100%;
}
Теги:

1 ответ

1
Лучший ответ

я не думаю, что лучший выбор, чтобы сделать на самом деле, я бы установил детскую тему и работал над ней, кстати:

.entry-footer {
    display: none;
}

.post-thumbnail img {
    float: left;
    margin: 0px 20px 0px 0;
    max-width: 150px;
}

body:not(.search-results) article:not(.type-page) .entry-content {
     float: none !important; 
     width: 100% !important;
}

.entry-content > :last-child {
    margin-bottom: 0;
    text-align: center;
}

Возможно, вам нужно добавить ключевое слово! Important, если что-то не работает. Результат: Это похоже на то, что вы хотели?

  • 0
    Спасибо за ответ. Да, я думаю, что добавлю это к дочерней теме целевого сайта. В настоящее время я использую плагин "custom custom css", чтобы повозиться с ним, пока не выясню все. Я ввел css, который вы предложили, но, как вы можете видеть в тестовой среде, текст не оборачивает миниатюру и все еще отступает от эскиза. Часть css .entry-content упоминает child, может быть, это вызывает зависание, когда я помещаю его в простой пользовательский css?
  • 0
    извините: body: not (.search-results) article: not (.type-page) .entry-content {float: none; }
Показать ещё 8 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню