Skip to main content

How to customize django admin?

 How to customize django admin with our own style?

We all know django has it own default admin panel for a project  which look like this


But we don't want our admin panel of our project to be name as django administration we want to customize it with our own style like changing the color, background color, text everything we want to change it as per our project UI

So here you can do to change the django admin panel

Step1: Go to the template folder

Step2: Create a folder and name it as an admin so that it is easy for you to understand that this is the admin folder for our templates

Step3:Inside an admin folder create a file name as 'base_site.html' in order to make you understand that this file is a file which overwrite the base file.Django has it default base HTML file so in order to customize the admin panel we have to overwrite the base file.

Step4: run the server and go to to the admin panel and open developer tool by clicking inspect to see which one we want to  customize.


We see that the django administration is inside the div which has an id "branding" so we have to access that div and overwrite the h1 tag with our customize text

Step 5:

In line1 we have to extends the default base.HTML of the Django admin

In line2 we have to load static if we are using a css which is not an inline CSS but here i use an inline css

Inline3 we access the branding id an we change the h1 tag text with our custom text

Inline6 i want to change the color and style of the admin panel so we have to use block extrastyle inside this block we can link our static CSS or we can write an inline style like i have did in this project.

Here is the result

Before:



After:

That it you make it, Drop a suggestion for me or any feedback i always welcome any feedback

Social link:

Istagram: https://www.instagram.com/co_dtechr/

Comments

Popular posts from this blog

I built a Django weather app using openweatherapp API

 I built a Django weather app using openweatherapp API.  Yes i built this simple weather app using openweatherapp API, it was fun an easy to built with django. How do i built it? I install the module needed for this project, the only module we need is a request module for python since i am using python to built this project. After installing and setting up the project with django i download a template and start with creating the views for the project. Here how goes: 1.First go to openweather app website : https://openweathermap.org/ 2.Signup for an account so that the openweather app will send you an api key 3.After singup with an account go to API and select the API you want to use 4.In an API doc it will attach a link which look like this api.openweathermap.org/data/2.5/weather?q= {city name} &appid= {API key} So we need to replace the {API key} with our own API key. 5.That it for the API so in order to make a request or to call the API in python we use a request module...

Build a tic tac toe game using python

 Hello, In this blog i am going to teach you how to create a tic tac toe game using python. If you know the basic of python like function, loops, conditional, list then you are good to go. In this project we are going to create it with a simple format of python without using any import or any object oriented programming. Requirement: 1.Board 2.Player(Computer and a user) 3.Winner Python fundamental needed: 1.Variable 2.List 3.If elif else 4.While 5.Function Here we are going to start A tic tac toe game is a game which has three rows and three column so we need a list which is the size of 3X3 which is nine to store the empty dash for the board Line 4: We assign a game_running to True which mean that the game is still runing when we first start the game. Line 6: Defining a function to display the board when ever we call the display_board function. Line 18: When we first start the game the board will display as empty with dash in it. Output is in line 8 Line 19:  We set the curre...

I built a heathcare website from scratch with html,css,javascript and python(Django) framework.

I built a heathcare website from scratch with html,css,javascript and python(Django) framework.  Healthcare Website Here how it goes from the beginning of the process of making the website. Back then in the month of Jan i learn complete in depth about HTML and CSS an a little bit of java script by designing a website everyday until i feel a bit confident about my front end part i design a website every single day for the whole month of Jan. By the end of Jan i am a little bit busy with my academics and then lock down started so i told my self what can i do with python language because i was quite comfortable with python but at that time i'm not interest into machine learning or AI, I was more into web development so i told myself how can i use my python skill into real world, so i did some research and i found out that Django is the web framework of python they also suggest that for a beginner to use flask because Django is quite confusing but i just pick Django with out thinking a...