Quick Code Fixes: How to Edit Files Directly in cPanel

Making minor tweaks to your website's code does not require downloading files to your computer, opening them in a desktop app, and re-uploading them. cPanel comes equipped with powerful, built-in text and HTML editors that allow you to modify your files directly from your web browser. Here is how to make live changes on your SastoHost server in seconds.

Step 1: Locate the File You Want to Edit

Before making any changes, you need to find the specific document inside your hosting file system.

1. Log in to your cPanel account and click on the File Manager icon located in the Files section.
2. Use the left-hand sidebar to navigate to the folder containing your file (for your main website, this is usually the public_html directory).
3. Scroll through the list of files until you find the exact one you want to modify, and click it once to highlight it.
4. Pro Tip: Before editing a critical file like wp-config.php or .htaccess, right-click it and select Copy to create a quick backup just in case you make a mistake!

Step 2: Choose Your Editor

cPanel offers two different ways to edit files depending on what kind of document you are working with.

1. Right-click the highlighted file to open the context menu.
2. Select Edit if you are working with raw code like PHP, CSS, JS, or plain text files. This opens a code editor complete with syntax highlighting and line numbers.
3. Select HTML Edit if you are working with a standard .html web page and prefer a visual, drag-and-drop interface (WYSIWYG) similar to Microsoft Word.
4. A character encoding pop-up box will appear. Simply leave it on the default setting (usually utf-8) and click the Edit button to proceed.

Step 3: Make Changes and Save

Your selected editor will now open in a brand new browser tab, allowing you to safely work without losing your place in the File Manager.

• Make your necessary text or code adjustments inside the editor window.
• When you are finished, click the Save Changes button located in the top-right corner of the screen.
• Look for a green "Success" message to confirm the file was updated.
• You can now safely close the editor tab and refresh your live website to see the changes take effect!