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

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #9

Макс
Не в сети
Новый участник
Сообщений: 15
Репутация: 0

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

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

У меня:
Joomla 3.6.2
Kunena 4.0.11.

Администратор запретил публиковать записи гостям.

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #10

Владимир Не в сети Новый участник Сообщений: 2 Спасибо получено: 1 Репутация: 1	Вариантов исправить данную ошибку вообще много. Но в любом случае придется редактировать код. Это может быть как код шаблона Joomla, так и код самого форума Kunena.
	Администратор запретил публиковать записи гостям.

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #12

Макс Не в сети Новый участник Сообщений: 15 Репутация: 0	А с этого момента можно поподробнее? Что именно редактировать? Мне бы хоть один вариант, а то уже замучился методом тыка что-то искать.
	Администратор запретил публиковать записи гостям.

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #13

Владимир
Не в сети
Новый участник
Сообщений: 2
Спасибо получено: 1
Репутация: 1

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

В 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, чтобы кнопки и текст нормально помещались в шаблоне.

Администратор запретил публиковать записи гостям.

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

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #14

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

В форуме Kunena текст и кнопки вылезают за шаблон 11 мес. 4 нед. назад #15

Дом Знаний
Не в сети
Администратор
Сообщений: 5
Спасибо получено: 2
Репутация: 1

Еще один способ, с помощью которого можно уменьшить размер блока с текстом и ссылками в 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}

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

Администратор запретил публиковать записи гостям.

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