The File Manager in your cPanel can be used to view, modify, add, and delete website files from your account.

filemanager1To access your website files, first log into your cPanel and select "File Manager" in the "Files" sub-header:

filemanager2

A dialogue box will pop up, asking where you want to log into.  To go directly to your public_html folder which holds your account files, select "Web Root" and hit "Go."  Make sure that the "show hidden files" box is checked in case you need to make any changes to your .htaccess file.

filemanager3

Once you have clicked "Go", you are now in your File Manager.  Some of the most common modifications that you will make in the File Manager are editing, removing, and deleting files.

When you right click on any file, a window will appear that gives you a list of options on what to do with the file. The most frequently used are:

filemanager4

  • Edit: The edit option allows you to modify the code, but without the stylized look of the Code Edit option (see the chart below for more details)
  • Code Edit: If you need to change the code in the file, you can also use Code Edit.
  • HTML Edit: If you want to change the appearance of a web page, then you can make these modifications using the HTML Edit option.
  • Rename: With this option you can change the name of the file to something else.
  • Delete: If the file is no longer needed, then you can delete it.

Renaming and deleting files in the File Manager is immediate and permanent, so double check any changes that you make prior to doing them as deleting files from the File Manager can not be undone.

How can I edit my files with the File Manager?

As we showed above, there are three ways to edit your files: Edit, Code Edit, and HTML Edit.  Depending on the type of changes that you are making to your website, you may use different methods to modify the files.

Edit - Edit is a basic code editor.  It does not have the stylized formatting or numbered lines of the Code Edit option and is the preferred method for more advanced users. Code Edit - Using Code Edit is similar to Edit except that the lines are color coded and the line numbers are given.
HTML Editor - This allows you to edit the page as it looks on the Internet, not with the code.  This works well if you want to change the font and are not as familiar with code editing.
edit codeedit htmledit

After you have modified your code, click on "Save Changes" at the top right of the page.  If you are making significant changes to your webpage, it is recommended that you copy and paste the original code to a notepad just in case your edit does not go as planned to make it easier to revert back to the original code.

Did you find this article helpful?

Login to comment.

Your Opinion Matters

... but we need to know what you're thinking!

The Community Support team wrote the article you're looking at now. We like to think it's perfect, but we're sure you have some suggestions. Please, let us know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

Have a Question?

If you need some help, submit your question to our Community! We guarantee a response within 60 minutes (8am - 9pm EST, Monday - Friday)

Recent Questions

  1. Wordpress 404 error
  2. email blocked from specific client
  3. WebCalendar Error While Logging On

Support Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.