Jump to content

Где отредактировать кнопки ckeditor

Featured Replies

Posted

Задался вопросом полностью отредактировать "Редактор" (ckeditor), так как у меня стиль темный, дефолтные кнопки смотрятся ужасно. 

knpka.thumb.png.242dc82e8baaabed075a468a3444c0b9.png

Собственно editor_icons.png (img с кнопками) я отфотошопил и залил, но возникла проблема с позиционированием этих кнопок. Для того чтобы они встали на свои места, нужно в css настроить высоту, ширину, отступ таких параметров, как - .cke_button_icon,   a.cke_button и другие. Суть вопроса: Где отредактировать css отвечающий за параметры кнопок ckeditor?

Искал в АЦ-Шаблон-CSS, искал в файлах - applications/core/interface/ckeditor/ckeditor ( здесь вообще все облазил ), нигде не нашел нужных мне CSS.

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

  On 24.10.2017 at 09:44, Wave said:

Задался вопросом полностью отредактировать "Редактор" (ckeditor), так как у меня стиль темный, дефолтные кнопки смотрятся ужасно. 

knpka.thumb.png.242dc82e8baaabed075a468a3444c0b9.png

Собственно editor_icons.png (img с кнопками) я отфотошопил и залил, но возникла проблема с позиционированием этих кнопок. Для того чтобы они встали на свои места, нужно в css настроить высоту, ширину, отступ таких параметров, как - .cke_button_icon,   a.cke_button и другие. Суть вопроса: Где отредактировать css отвечающий за параметры кнопок ckeditor?

Искал в АЦ-Шаблон-CSS, искал в файлах - applications/core/interface/ckeditor/ckeditor ( здесь вообще все облазил ), нигде не нашел нужных мне CSS.

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

3.thumb.png.8a0ee4119766d5ecfb6f4b150585a98e.png

4.thumb.png.e426eca1692b536973bc5cf0ce0d8980.png

  • Author

Спасибо, но мне не нужно качать готовые скины, они все никчемные, мне нужно отредактировать стандартный.

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

PS: скины, а не скрины, опечатался.

  On 24.10.2017 at 10:21, Wave said:

Спасибо, но мне не нужно качать готовые скины, они все никчемные, мне нужно отредактировать стандартный.

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

PS: скины, а не скрины, опечатался.

В custom.css прописывай свои параметры.

И менее агрессивно реагируй на сообщения тех, кто хочет тебя помочь 

  • Author
  On 24.10.2017 at 10:30, WOLF said:

В custom.css прописывай свои параметры.

И менее агрессивно реагируй на сообщения тех, кто хочет тебя помочь 

В custom.css прописывал, не отображаются мои параметры, вообще без понятия где запрятаны эти css.

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

  On 24.10.2017 at 10:44, Wave said:

В custom.css прописывал, не отображаются мои параметры, вообще без понятия где запрятаны эти css.

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

Как прописывал в custom? Весь код в студию 

  • Author
  On 24.10.2017 at 10:46, WOLF said:

Как прописывал в custom? Весь код в студию 

Так как мои иконки шире и выше дефолтных, мне нужно изменить их ширину и высоту в css. 

first1.thumb.png.c033c48aa752d548cc4ff57cbdb5503a.png

На скриншоте выделил кусок, который вставляю в custom.css со своими значениями, ниже код.

.cke_button_icon {
    cursor: inherit;
    background-repeat: no-repeat;
    margin-top: 1px;
    width: 30px;
    height: 30px;
    float: left;
    display: inline-block;
}

 

Кэш чистил, новые значения прописанные в custom.css не применяются, да и в целом, полностью тег не прописывается в custom.css

Вот где может быть прописан данный class, везде обыскался...second2.png.e30f3ee12d833f62d77136d34fed59f3.png

 

  • Author
  On 24.10.2017 at 11:01, WOLF said:

А если прописать с !important 

??

И как вариант раз твои иконки шире, то что мешает их уменьшить графически а не через css ?

Элемент !important помог в решении проблемы. В моем случае приоритет custom.css был ниже. Вам огромное спасибо за помощь!

  • 1 месяц спустя...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.