Как изменить значение padding в AMP?

Question

[Rezonatorrr]

На сайте нужно миниатюрам картинок постов присвоить значение padding-top:56%. Но не могу понять какой код для этого прописать. Смотрел через консоль, пробовал разные варианты, но ничего не меняется. Подскажите, пожалуйста, решение.

Answer 1

[Spaceoddity]

В чём проблема?

.penci-archive__list_posts .entry-media img{
 padding-top:56%;
}

Comments

[Rezonatorrr]

в том, что не работает данный код

[Spaceoddity]

Rezonatorrr, !important добавьте:

[Rezonatorrr]

как весь код тогда будет выглядеть? А то

.penci-archive__list_posts .entry-media img{
padding-top:56% !important;
}

тоже не действует

[Spaceoddity]

Rezonatorrr, точно не действует?))
А то я смотрю, вы уже добавили и оно у меня работает:

Кстати, понятно почему злоупотребление "!important" так опасно?

[Rezonatorrr]

Spaceoddity, добавил - да. Но это в итоге меняет размер и логотипа тоже. А нужно чтоб были задействованы только миниатюры картинок постов

[Rezonatorrr]

а нет - вру, это у меня закэшировалось видимо сначала. Подействовало как надо, спасибо!

[Spaceoddity]

Rezonatorrr, Гррр!
Вот вам точное правило:

.penci-archive__list_posts .entry-media img {
    padding-top: 56% !important;
}

[Rezonatorrr]

Spaceoddity, может вы в курсе ещё как можно amp-версии вместо <link rel=”canonical url”....> поставить <link rel=”amphtml” href=”.....”> ?

[Spaceoddity]

Rezonatorrr, вместо чего?

[Rezonatorrr]

Spaceoddity, отредактировал)

[Spaceoddity]

Rezonatorrr, ну блин, Гугл же))
https://amp.dev/ru/documentation/guides-and-tutori...

[Rezonatorrr]

Spaceoddity, та гугл-то гугл, но я у меня amp сделан с помощью плагина и не вижу, где его html редактировать)

[Rezonatorrr]

Spaceoddity, а если в CSS, то по ссылке не сказано, какой аналогичный код вписывать