Блог

Главная - Вопросы по программированию - Администратор Django — не удается изменить цвет

Администратор Django — не удается изменить цвет

#html #css #django

#HTML #css #django

Вопрос:

Я изучаю Django. Я настраиваю страницу администратора Django. Я создал base_site.html файл в моих шаблонах, чтобы перезаписать HTML-код администратора по умолчанию. Кроме того, я создал таблицу стилей, которую я привязал к ней.

Вот моя проблема: по умолчанию в правой части содержимого есть div с заголовком h2, в котором указано «Недавние действия». Я хочу изменить цвет этого текста, но мой CSS, похоже, не работает с этими словами…

 <div id="content-related">
    <div class="module" id="recent-actions-module">
        <h2>Recent actions</h2>
        <h3>My actions</h3>
        <p>None available</p>
    </div>
</div>

Я пробовал каждый из следующих CSS:

 #content-related{
    color: blue;
}
  
 .module h2{
    color: blue;
}
  
 #recent-actions-module h2{
    color: blue;
}
  
 #content related h2{
    color: blue;
}

Ничего не работает… Я что-то упустил?

Ответ №1:

Если есть CSS, который загружается позже, чем фрагменты, которые вы опубликовали здесь, это может легко привести к появлению проблемы (более поздний CSS имеет приоритет). Я рекомендую открыть консоль разработчика браузера и просмотреть заголовок — он должен показать вам, какой стиль CSS используется.

Если вам нужна дополнительная помощь, нам понадобится ваш base_site.html .

Ответ №2:

  1. для CSS должно быть достаточно следующего кода:
 h2{color: blue;}

это относится ко всем будущим тегам h2 в шаблонах, которые связаны с вашим файлом CSS.
В противном случае, если вы хотите, чтобы это было только для недавних действий, используйте это:

 <div class="module></div?

И в CSS:

 .module{color: blue;}
  1. Вероятно, вы забыли связать свою страницу CSS. Используйте это:
 amp;<link rel="stylesheet" href="{% static 'CSS/base.css' %}">

Не забудьте добавить {% load static %} в верхней части вашего html-шаблона.

  1. Я не знаю, почему вы хотели бы изменить свою страницу администратора, потому что практически никто, кроме вас, никогда не получит к ней доступ. Если вы пытаетесь создать портал для входа пользователей, просмотрите эту документацию: https://docs.djangoproject.com/en/3.1/topics/auth/default /

  2. Если у вас 3 не так, вам следует открыть элемент проверки вашего браузера и просмотреть веб-страницу. Также, чтобы сэкономить кучу времени при создании нового внешнего вида для вашего администратора, ознакомьтесь с шаблонами администратора Django на Github. Вот все шаблоны html администратора, которые облегчат вам жизнь.