Как добавить шаблон эскизов картинок?

12
R
На сайте с 18.12.2019
Offline
13
938

Как сделать так, чтоб на сайте все миниатюры картинок в блоках показывались в соотношении 16:9 без обрезки как на главной в "Новом"? Тема вордпресс Pennews. Могу предоставить кусок кода для диагностики, если будет необходимо.

S
На сайте с 30.09.2016
Offline
469
#1

И что там обрезается?

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
R
На сайте с 18.12.2019
Offline
13
#2

Sitealert, вот так на всех страницах, кроме Главной:

а надо чтоб было как на Главной. Настроить нормально смог только тут

S
На сайте с 30.09.2016
Offline
469
#3

Файл style.css, строка 66, стиль для .penci-image-holder:before – поставь padding-top: 56%;

R
На сайте с 18.12.2019
Offline
13
#4

Sitealert, и что, везде на всех страницах эскизы будут как на главной в "Новом"?,

S
На сайте с 30.09.2016
Offline
469
#5
Rezonator:
Sitealert, и что, везде на всех страницах эскизы будут как на главной в "Новом"?,

Ну попробуй, увидишь. Я просто показал стиль, который на эту пропорцию влияет. На главной там дополнительный стиль есть, который перебивает этот. А на внутренних страницах его нет, Плюс у родительского блока другая ширина, но на пропорцию это не влияет.

А вообще стили аццкие. За такое надо сечь розгами.

R
На сайте с 18.12.2019
Offline
13
#6

Та да, в основном тема нравится, а вот именно стили эскизов какие-то странные. Ок, попробую. В любом случае благодарю

R
На сайте с 18.12.2019
Offline
13
#7

Sitealert, увы ничего не изменилось

S
На сайте с 30.09.2016
Offline
469
#8

Rezonator, так ничего и не сделано.

R
На сайте с 18.12.2019
Offline
13
#9

Sitealert, как это ничего? Вот только что скачал файл с сайта и проверил

там много с .penci-image-holder:before в строке 66. Их все изменить надо?

S
На сайте с 30.09.2016
Offline
469
#10
Rezonator:
там много с .penci-image-holder:before в строке 66. Их все изменить надо?

он там только один

.penci-image-holder:before{display:block;content:"";width:100%;padding-top:66.6667%;background:none!important;box-shadow:none!important}

А то, что ты изменил, это совсем не то. Это .penci-insta-thumb.penci-insta-vertical .penci-image-holder:before

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий