The web chat code box is not wide enough!

[AsgerJon]

how to make code wider?
EDIT: SOLVED!!
Please enjoy the following instructions that will tell you the few easy steps required:
Step 1: Install Custom CSS By Denis (I’m not allowed to post links lmao)
Step 2: Go to your extensions and pin the Custom CSS extension
Step 3: Go to: chat openai com
Step 4: CTRL+C:

  .text-base {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

Step 5: Click the Custom CSS extension you pinned at step 2
Step 6: Grant permission
Step 7: CTRL+V

Enjoy being able to see the code!

[elmstedt]

Read this topic,

Customize your interface for ChatGPT web -> custom CSS inside

I’ve put together some custom CSS to modify the looks of ChatGPT. I personally found the user interface unfriendly so if you’d like to modify the look of your ChatGPT then you can use the custom stylesheet I’ve created via a browser plugin. Keep in mind that these changes are just local to your machine and may stop functioning when OpenAI releases an update. This is what the changes look like - The explanation for all changes is under the image: [image] I’ve made the following changes: Ful…

[AsgerJon]

I am not a web developer. I see css code. Where do I paste it to remedy this problem?

[elmstedt]

You need to get an extension for your browser that performs CSS injection on a page. Several are listed in the thread. Each of them are different so you’ll need to figure out how to use the one you choose.

[jeff12]

One solution I use is the “Wide GPT” chrome extension. Works great.