На сайте установлен плагин для подсветки кода
Когда строка кода длинная, то элемент вылазит за разметку (см скриншот, цифра 1)
Как сделать чтобы внизу элемента Code Pro (2) появлялась горизонтальная прокрутка?
Вадим, благодарю за ответ. Однако я в css не в зуб ногой :)
Попробовал найти css файлы в папке плагина и добавить эту строку кода overflow-x: auto; в подобные блоки кода
.wp-block-kevinbatdorf-code-block-pro pre * {
font-size: inherit;
line-height: inherit;
}
Результата не было. Может можете дать еще какую-то наводку, куда добавить указанную вами строку?
estry, Наводку как Вам в вашем проекте что-то найти? Нет, не могу.
Попробуйте в инструментах разработчика добавить указанное свойство.
Если это решает проблему, до добавьте кастомный css с нужным селектором(общим для всех этих блоков с кодом).
Если в стилях от плагина скролл запрещён, то нужно будет чтобы ваш селектор перебивал по весу вес селектора плагина.