0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 268 Просмотров
*

Evgen84

  • Новичок
  • 6
  • 0 / 0
Всем доброго времени суток!
Не знаток, поэтому не судите строго.
Суть проблемы: на сайте много статей с курсивным текстом. В редакторе при выделении текста курсивом он остается черным, как и планировалось. На локалке аналогично - весь текст черный. Залил сайт на хостинг - весь курсивный цвет стал красным. Полез в панель разработчика, нашел курсивный элемент и увидел, что тегу <em> прописан стиль:
em {
color: #d05;  *красный цвет
     }
Также заметил ссылку на таблицу стилей:  uikit.min.css. Как понимаю, таблица подгружается из сторонней библиотеки, находящейся в сети по адресу: https://cdnjs.cloudflare.com/ajax/libs/uikit/2.23.0/css/uikit.min.css . В этой таблице также найден был элемент em обрамленный в красный цвет.

У меня простой вопрос: как сделать цвет курсива черным, если локально файл со стилем, как понимаю, я поправить не могу?
Спасибо большое за ответ!

Скрин №1:

Скрин №2 (панели разработчика):


Версия движка последняя: Joomla! 3.9.13 Stable [ Amani ] 5-November-2019 15:00 GMT
Редактор текста: JCE

*

sivers

  • Давно я тут
  • 970
  • 119 / 0
в любом файле стилей (но лучше в своем), который подключается ПОСЛЕ указанного uikit.min.css, пропишите
Код
em {
   color: #000;
}
Этим вы "перебьете" правило того стиля. Можно еще увеличить вес через important
Код
em {
   color: #000 !important;
}
Но лучше этим не злоупотреблять и оставлять на крайний случай (если ничего не помогло).
На связи в телеге @sivers
*

beliyadm

  • Легенда
  • 9320
  • 1639 / 65
  • Севастополь == Россия
Локально файл uikit.min.css с CDN грузится или нет?
В любом случае, если ваш файл стилей подгружается ниже, нежели этот uikit.min.css - вы в своем можете прописать
Код
em {
color: #000 !important;
}
И перебить таким образом все вышестоящие стили

P.S. опоздал ))
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера
*

Evgen84

  • Новичок
  • 6
  • 0 / 0
Не думал так оперативно получить ответ. Сейчас буду пробовать. Отпишусь.
Спасибо!
*

Evgen84

  • Новичок
  • 6
  • 0 / 0
в любом файле стилей (но лучше в своем), который подключается ПОСЛЕ указанного uikit.min.css, пропишите
Код
em {
   color: #000;
}
Этим вы "перебьете" правило того стиля. Можно еще увеличить вес через important
Код
em {
   color: #000 !important;
}

Прописал в \www\templates\protostar\css\template.css  стиль для em , посмотрел, не работает. Почистил кэш - заработало! Всем спасибо за помощь!  *DRINK* *DRINK* *DRINK*
p.s. кстати, без "!important" - не сработало...
« Последнее редактирование: 07.12.2019, 19:21:03 от Evgen84 »
*

arma

  • Завсегдатай
  • 1583
  • 73 / 2
Что последнее подключается, за тем и правда. А кэш надо чистить. ^-^
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Размер и цвет шрифта

Автор ИЦ Ресурс

Ответов: 2
Просмотров: 411
Последний ответ 04.10.2015, 12:22:25
от ИЦ Ресурс