How to Inspect Element on Discord

Discord is a communication platform designed for chatting, including audio, video, and text. It also incorporates advanced and customized features for gamers, allowing users to create and join servers based on their interests.

Discord users can inspect the elements and modify the appearance of elements such as text, colors, and layout to personalize their Discord experience.

How to Inspect Element on Discord?

The process presented below will demonstrate how one can inspect elements on Discord.

Step 1: Log in to Discord

Use any web browser, such as Google Chrome or Firefox to log in to your Discord account:

Inspect Element on Discord

Step 2: Select Your Preferred Page/Server

Locate the page or server of your choice you want to inspect. For instance, we select “Zahid Amin’s server”:

Inspect Element on Discord

Step 3: Launch “Inspect”

To launch the “inspect” page, use the combination of key Ctrl + Shift + I from your keyboard:

Inspect Element on Discord

After hitting the Ctrl+Shift+I you will find the developer page on the right side of your screen.

Step 4: Select the Element Tool

Click on the cursor icon encircled with (1), and select your desired area or portion through the element selection tool:

Inspect Element on Discord

Step 5: Edit as HTML

You can make changes and see how they appear by using the “Edit as HTML” option”. Simply;

  • Select the desired line of code,
  • Click on the right mouse button, and then
  • Select “Edit As HTML
Inspect Element on Discord

Step 6:  Change the Color of the Selected Text

You can edit the Discord page. For example, we want to change the color of the selected text (i.e. Zahid Amin’s server). We added the line of code “<p><span style=”color: red;”>Zahid Amin’s server</span></p>”:

Inspect Element on Discord

In the following screenshot, you can see the color of “Zahid Amin’s server” has been changed to red:

Step 7: Try Different Colors

You can try other colors on your Discord using the “element > color:” option encircled with a red bounding box:

Inspect Element on Discord

Step 8: Refresh the Page for Default settings

To restore the default settings of your page, refresh your browser:

Inspect Element on Discord

As you can see, the Discord page is restored to the default settings.

FAQs

Can I inspect the element on Discord?

Yes, you can inspect the elements on your Discord using web browsers, such as Firefox, Google Chrome, etc.

How Can I inspect the element on Discord?

Simply, login to your Discord through a web browser, select the desired page or sever, and press Ctrl+Shift+I to open the developer page where you can inspect the elements of your Discord.

Conclusion

One can inspect elements on Discord by using Ctrl+Shift+I from the keyboard. First, log in to Discord via the web browser, such as Firefox, select the desired server or page, and press Ctrl+Shift+I to open developer mode. From there, you can inspect the elements of your Discord.

Leave a Reply