WP 5.4.2 сломался toggle effect как починить?

Question

[Markorosso]

После перехода на WP 5.4.2 сломался toggle effect у кнопки. Суть такова, на сайте есть большой текст по умолчанию скрытый этой кнопкой, при нажатии на которую текст раскрывался сползая вниз вместе с кнопкой (она специально закреплена внизу в как в свернутом, так и в развернутом варианте), и сворачивался вверх при нажатии в развернутом варианте. После обновления кнопка срабатывает, но раскрывает тест не вниз (как было), а вверх. То есть, кнопка остается на месте, а текст ползет вверх, вместо того что бы сместиться вместе с кнопкой вниз. Опытным путем выяснилось что ломает все строка "bottom: -20px;", но без этого значения кнопка в раскрытом варианте остается в середине текста, что не соответствует задаче.
Перепробовал кучу вариантов из html book, ничего не помогло, поскольку это не просто текст.
Как решить проблему, есть ли альтернативные пути что бы пригвоздить кнопку внизу в свернутом/развернутом варианте ?

Эффект в тексте: [showhide type="links1" more_text="Показать больше" less_text="Скрыть текст"] текст [/showhide]
Плагин для toggle effect - WP-ShowHide.

css код кнопки:
.sh-link A {
cursor: pointer;
color: #71ff8b;
font-weight:400;
}

.sh-link A:focus, a:hover {
color: #ffcc66;
}

.sh-link {
text-align: center;
position: absolute;
bottom: -20px;
left: 0px;
right: 0px;
margin: 0px auto;
}

media screen and (max-width: 750px) {
.elementor-element-185b425 p {
font-weight: 300;
}
}

media screen and (max-width: 750px) {
.sh-content {
font-weight: 300;
}
}

Answer 1

[Роман Дворянов]

Замените bottom: -20px на top: -20px тогда верхняя граница списка будет -20px, т.е. на 20 пикселей выше своего начального положения среди элементов. bottom - указывает, что список будет расти из низа, вверх, т.к. низ указан, а верх нет, вам нужно наоборот. Если оставите bottom вместе с top, то у вас будет очень маленький контейнер

Comments

[Markorosso]

Ваше решение работает, но частично, туггл эффект теперь разворачивается вниз, как и должен. Но кнопка теперь закреплена вверху текста, над ним, а не внизу. Оба значения ничего не дают, срабатывает так же, как если оставить только top: -20px; Ну, половину проблемы решили, есть варианты как теперь закрепить кнопку снизу ?

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

[Роман Дворянов]

Кнопка закреплена вверху текста, а не внизу потому, что у нее координаты теперь 20 пикселей от ее текущего местоположения

Тогда попробуйте вернуть bottom: -20px, а top указать у .sh-content, честно говоря сложно что-то делать по фотографии