cPanel 11 Documentation
Branding: Basic Branding Style Editor
← Go BackOverview
There are two ways to get to the "Edit Branding Style" page. After creating a new style through the "Create / Upload Branding" page, you are given a success page which also supplies a link to it. The second way is through clicking on "Edit This Style" in the "Available Branding Styles" listing on the "Branding Editor" page.
Using either of these ways will bring you to the "Edit Branding Style" page. On this page, you are shown two different methods to edit the style. You may choose to use the "Basic Branding Editor" or the "Advanced Branding Editor".
Basic Branding Style Editor
The "Basic Branding Style Editor" section lists groups of images sorting by their relationship to the cPanel user interface and a style-sheet. Clicking on any of them will bring you into the actual online style editor.
- Edit Logos - Clicking on this option will bring you to the "Edit Logos" page. This page allows you to resize and drag the logo, which is located at the top of the page or upload a new one.
- Move Logo - Moving your mouse pointer over the logo will change your mouse cursor into a hand cursor, which allows you to drag the logo anywhere inside the header of the page. By default, the cPanel logo is located in the top right-hand corner of the page. You may have a different logo instead of the cPanel logo if you have changed it already. Each change is automatically written to the CSS file and saved to all of your accounts.
- Resize Logo - Moving your mouse pointer to the edges of the logo will trigger the resizing controls, these controls allow you to adjust the width and height of the logo by dragging the controls. You can drag from the corners of the logo and resize the width and height together proportionately. Each change is automatically written to the CSS file and saved to all of your accounts.
- Upload Logo - You can upload a logo in the "Upload Logo" section of the page. A reminder of the current style you are editing is provided. Your current logo is displayed here along with the ability to browse your local hard-drive for a new logo to upload. Once you find the logo you wish to upload, click on the Upload Images button to upload your logo. The logo file must be a gif, .jpg or .png and use the same file name of top-logo,gif, top-logo,jpg or top-logo,png otherwise it will not be uploaded.
- Reset - If you make any mistake such as uploading the wrong logo, the wrong size or just don't like the version of logo you uploaded, you can revert back to the default logo by clicking on the Reset button which can be found next to the Browse… button in the "Upload Logo" section of the page.
- Edit CSS - This page also provides a link to edit the CSS file for the style you are editing. Click on Edit to switch to the "CSS Editor" page (For more info see "Edit Style Sheet").
- Edit Icons - Clicking on this option will bring you to the "Edit Icons" page. This page allows you to change the "Main Page" icons in cPanel. A reminder of what style you are currently editing is displayed above the table that organizes the icons on this page.
- Sorting Icons – The table used to organize the "Main Page" icons can be sorted by image name, description, file name, width and height. Clicking on the columns heading for each will switch between sorting ascending and descending.
- Upload Icons – Within the table that is organizing the icons for your viewing, you can upload a replacement icon for each feature of cPanel. Click on the Browse… button, which is located next to the width and height of each icon. Clicking on this button will allow you to select a new icon to upload. The icon you upload must be named the same as the one it will be replacing. The names of each icon are listed in the table. The extension of the icon can be .gif, .jpg or .png. Your new icon(s) that you are uploading should match the dimensions of the one(s) you are replacing in the table; otherwise, some undesirable display issues may occur with the "Main Page" of cPanel.
- Reset Icons – At the end of each row that displays info about an icon, you will find a Reset button. Clicking on this will allow you to reset that icon back to the default icon for the style you are editing.
- Generate Sprites – The icons that appear on the "Main Page" of cPanel may appear to be separate icons however they are only a few images that contain a number of icons. They shift around to show what icon needs to be shown out of a large listing of icons in one image. If you need to generate a new sprite file, click on the Generate Sprites button found at the bottom of the page.
- Reset All Icons – At the bottom of the page, you are given the ability to reset all the "Main Page" icons to the default set for the style you are editing. Click on the Reset All Images Button to reset them.