В форуме Kunena текст и кнопки вылезают за шаблон

Макс
Автор темы
Не в сети
Новый участник

Больше

3 года 2 мес. назад #9 от Макс

COM_KUNENA_MESSAGE_CREATED_NEW

Недавно поставил форум Kunena на свой сайт на Joomla и заметил, что после входа в аккаунт кнопки и текст выходят за пределы шаблона. Происходит это только после входа в аккаунта администратора или модератора. Если вхожу под обычным пользователем, то ничего, все нормально вписывается в шаблон. Я пробовал изменить ширину текста в админке Kunena, но ничего не получается. Также делал размер форума на всю страницу - при этом все отлично влазит.

Подскажите, пожалуйста, если знаете, как исправить эту ошибку.

У меня:
Joomla 3.6.2
Kunena 4.0.11.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Владимир
Не в сети
Новый участник

Больше

3 года 2 мес. назад #10 от Владимир

COM_KUNENA_MESSAGE_REPLIED_NEW

Вариантов исправить данную ошибку вообще много. Но в любом случае придется редактировать код. Это может быть как код шаблона Joomla, так и код самого форума Kunena.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Макс
Автор темы
Не в сети
Новый участник

Больше

3 года 2 мес. назад #12 от Макс

COM_KUNENA_MESSAGE_REPLIED_NEW

А с этого момента можно поподробнее? Что именно редактировать? Мне бы хоть один вариант, а то уже замучился методом тыка что-то искать.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Владимир
Не в сети
Новый участник

Больше

3 года 2 мес. назад #13 от Владимир

COM_KUNENA_MESSAGE_REPLIED_NEW

В большинстве случаев текст вылазит за область шаблона, в котором должен находиться контент, так как он находится в одном блоке с кнопками, которые не помешаются в нужной области. Следовательно, для уменьшения размера текста нужно уменьшить кнопки.

В Kunena уменьшить кнопки, располагающиеся под текстом, можно просто подкорректировав размер их шрифтов. Например, откройте у себя на сайте файл kunena.default-min.css, который расположен по адресу:

ВАШ_САЙТ/components/com_kunena/template/blue_eagle/css/kunena.default-min.css

Найдите в файле класс:

#Kunena .kicon-button span span {
          color:#fff;
          font-size: 9px;
}

и уменьшите в нем размер шрифта, например:

#Kunena .kicon-button span span {
          color:#fff;
          font-size: 8px;
}

Также можете просто увеличить размер шаблона Joomla, чтобы кнопки и текст нормально помещались в шаблоне.

Спасибо сказали: Макс

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Макс
Автор темы
Не в сети
Новый участник

Больше

3 года 2 мес. назад #14 от Макс

COM_KUNENA_MESSAGE_REPLIED_NEW

Спасибо, помогло!!! Только теперь буквы кнопок какие-то карявые: все заглавные, но маленького размера. Можно ли сделать так, чтобы первые буквы были большими, а остальные маленькие?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Дом Знаний
Не в сети
Администратор

Больше

3 года 2 мес. назад #15 от Дом Знаний

COM_KUNENA_MESSAGE_REPLIED_NEW

Еще один способ, с помощью которого можно уменьшить размер блока с текстом и ссылками в kunena 4.0.11 - не уменьшать шрифт кнопок, а просто убрать стиль, увеличивающий все буквы кнопок, то есть делающий их заглавными. Для этого найдите файл:

Ваш_сайт/components/com_kunena/template/blue_eagle/css/kunena.forum-min.css

Затем найдите в нем стиль:

#Kunena .kicon-button{
          text-transform:uppercase;
          font-size:11px;
          text-decoration:none;
          cursor:pointer;
          line-height:145%;
          display:inline-block;
          background-image:url("../media/iconsets/buttons/default/default.png") !important;
          background-repeat:repeat-x;
          border:0;
          margin:0 5px}

и в стиле "text-transform:uppercase;" поставьте "none;". Должно получиться примерно так:

#Kunena .kicon-button{
          text-transform:none;
          font-size:11px;
          text-decoration:none;
          cursor:pointer;
          line-height:145%;
          display:inline-block;
          background-image:url("../media/iconsets/buttons/default/default.png") !important;
          background-repeat:repeat-x;
          border:0;
          margin:0 5px}

После этого первые буквы кнопок будут Заглавными, а следующие - маленькими. Вместе с этим уменьшатся и размеры самих кнопок, а следовательно и размер блока с текстом.

Спасибо сказали: Макс

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.