Вадим Кот

Для начала уберите у v-list-item-content class="align-self-start", чтобы он был на всю высоту.

https://codepen.io/web-tech/pen/ymKyrq

С помощью ACF Options Page https://www.advancedcustomfields.com/add-ons/optio... ( acf.wp-book.ru/stranica-s-opciyami-options-page )

json-encode() https://www.php.net/manual/ru/function.json-encode.php возвращает json строку, а вы ее туда передаете. Если хотите из json строки сделать массив, используйте https://www.php.net/manual/ru/function.json-decode.php со вторым параметром $assoc установленным в true.

Но если вам нужно передать массив в CURLOPT_POSTFIELDS, то и формируйте в $d ассоциативный массив сразу.

Судя по всему у вас в размете бутстрап навигация, поэтому вам вполне подойдет WP Bootstrap Navwalker https://github.com/wp-bootstrap/wp-bootstrap-navwalker , либо свой собственный walker писать.
Либо пробовать через фильтры добавлять нужные классы https://wp-kama.ru/function/wp_nav_menu#filtry-izm...
Либо переходить на сторону Timber https://github.com/timber/timber и twig - там то в шаблоне можно любые классы сразу задавать.

foreach ( $_POST as $key => $value ) {
    if ( isset( $fields[$key] ) ) {
        $text .= $fields[$key] . ':' . esc_html($value) . "\n";
    }
}

Попробуйте вот эту библиотеку https://github.com/imakewebthings/waypoints

https://codepen.io/web-tech/pen/qeaEMb

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

<li class="menu__item menu__item--has-children"></li>

1 - плагином https://wordpress.org/plugins/default-featured-image/
2 - руками в шаблоне - примерно так проверкой на наличие has_post_thumbnail()

<?php 
if(has_post_thumbnail()) {
    the_post_thumbnail();
} else {
    echo '<img src="' . get_bloginfo("template_url") . '/images/img-default.png" />';
}
?>

https://codepen.io/web-tech/pen/XLvVZG
Ну и еще 8 способов https://css-tricks.com/injecting-line-break/

<picture>
                        <source media="(min-width: 1260px)" srcset="css/images/footer-top-img-xlg.jpg">
                        <source media="(min-width: 1008px)" srcset="css/images/footer-top-img-md.jpg">
                        <img src="css/images/footer-top-img.png"
                             alt="" title="">
</picture>

https://codepen.io/web-tech/pen/VJOdmx

https://codepen.io/web-tech/pen/BgeVoM

поднять вверх

.class {
  margin-top: -Npx;
}

сместить влево

.class {
  margin-left: -Npx;
}

https://www.smashingmagazine.com/2009/07/the-defin...

Ну и position никто не отменял - absolute размещаешь относительно ближайшего не position static элемента, relative относительно собственного расположения элемента. При этом top, right, bottom, left также могут быть с отрицательными значениями.

будто бы ДИВ на этом месте заканчивается

Так и есть - div на этом и заканчивается. Дочерние элементы (float) выпадают из родителя и он схлопывается до элемента .clearfix с clear: both; - прочитайте про clearfix что ли

.class {
  background: 
    url('/assets/images/offers/key.png') bottom 30px right 0  / 50% no-repeat, 
    url('/assets/images/offers/sell.png') bottom right no-repeat #F7F7F9;
}

или

.class {
  background: 
    url('/assets/images/offers/key.png'), 
    url('/assets/images/offers/sell.png') #F7F7F9;
  background-position: bottom 30px right 0, bottom right;
  background-size: 50%, auto;
  ​​​​​​​background-repeat: no-repeat;
}

Смотри документацию https://developer.mozilla.org/ru/docs/Web/CSS/back...
Там же написано

bg-size
Смотри background-size. Это свойство должно быть указано после background-position, разделенного символом '/'.
MDN

Уберите для .card-item-wrapper .item-block display: inline-block;
В случае с css columns inline-block бессмыслен, да и еще и добавляет внизу отступ (есть такой нюанс при работе css columns с inline-block в некоторых версиях webkit браузеров).
А чтобы перенос происходил так, как у вас был с inline-block, добавьте breake-inside:

.card-item-wrapper .item-block {
    padding: 0 15px;
    margin-bottom: 1rem;
    max-width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}