It is recommended that you only edit CSS for specific changes or customisations you need in WebRES by overriding individual selectors in a smaller CSS file dedicated to your site or page. This way, your customisations CSS file will be small and manageable, and your pages will automatically inherit any updates or fixes to the original WebRES files that Thermeon maintain.

Edit your custom css

There should be a file in the CSS folder of your site named after the skin or client name where all custom CSS will be stored. You should edit this file to change styles that will be applied to every page of the site.

  1. Click on Applications > WebXG WebRES > WebRES File Management
  2. Find the section for Stylesheets, if it exists.
  3. Click on the file named after the skin or client eg "client-skin.css"
  4. Click on "Edit Source"
  5. Make your edits or upload a new file
  6. Make sure you understand and have checked the "I understand..." checkbox and click Save
  7. Your changes will be made live immediately. Use the Version drop-down to revert in case of major mistakes.
Create or Upload a new CSS file
  1. Click on Applications > WebXG WebRES > WebRES File Management
  2. Find the section for Stylesheets, if it exists.
  3. Click on Upload a new file
  4. Enter the filename including the extension e.g. custom.css
  5. Click on "Choose File" or type/paste the text of your new file into the edit box
  6. Make sure you understand and have checked the "I understand..." checkbox and click Save
Add a CSS file to a Custom Page
  1. Click on Applications > WebXG WebRES > Custom Page Configuration or click on "Page Configuration" at the top of the File Management page.
  2. Click on the page you want to add CSS to.
  3. Under the CSS box, type the full path to the CSS file you wish to include, e.g. css/custom.css
  4. Click Add CSS button
  5. Click Save Page

Paths to Media

Please note that when editing CSS or HTML files, paths to graphics and external files should use a special format. These files are preprocessed by WebRES on the server to fill in the full path.

You should upload your graphics files to the "gfx" directory. You can then refer to them in CSS or HTML by prefixing the path with "static_src" and using a relative URL, as in the following examples:

 
background:url(static_src='../gfx/filename.gif')

 



PDF


Adding new HTML Pages

You can add completely new HTML pages in the WebRES File Management page. Headers and footers will be added automatically by the WebXG content management system. To make the pages viewable on your web site, you must also add them to the Custom Page Configuration, described below. The first step is to upload or create the HTML file.

To upload a new HTML file
  1. Click on Applications > WebXG WebRES > WebRES File Management
  2. Find the section or sub-folder where you want the file to appear.
  3. Click on "Upload a new file", written in red at the top of the section, or the very top of the list for the site root.
  4. Click on the "Choose File" button and select the file you want to upload.
  5. Enter the filename in the "File" input box where it says "Enter a new file name". The filename must not contain spaces and should usually end with ".html".
  6. Make sure you understand and have checked the "I understand..." checkbox.
  7. Click on Save to upload the file. The file will be uploaded and the file contents will appear on the screen.
To create the HTML file manually
  1. Click on Applications > WebXG WebRES > WebRES File Management
  2. Find the section or sub-folder where you want the file to appear.
  3. Click on "Upload a new file", written in red at the top of the section, or the very top of the list for the site root.
  4. Enter the filename in the "File" input box where it says "Enter a new file name". The filename must not contain spaces and should usually end with ".html".
  5. Type or paste the HTML content into the yellow input box.
  6. Make sure you understand and have checked the "I understand..." checkbox.
  7. Click on Save to save the file. The file will be created on the server and the file contents will appear on the screen.

Editing Page Configuration

Once you have created or uploaded the new HTML file you need to add it to Custom Page Configuration in WebXG to make it viewable. Here you can also add page metadata, and link CSS and JavaScript files to use on the page.

You can also use this panel to edit the title, keywords and other metadata for existing custom pages. Note that default title, keywords and metadata for every page are set up in Translations. Anything you add here will override the default.

To add a new custom page
  1. Click on Applications > WebXG WebRES > Custom Page Configuration
  2. Click on the "New Page" button.
  3. Enter the file name, including the full path, as displayed on the WebRES File Management page. For most html files this is just the filename, for example "about_us.html"
  4. Enter any other details such as HTML title, keywords, description etc you need specifically for this page. If nothing is entered, pages will inherit from the entries in WebRES Config.
  5. Click on the "Save Page" button to save the page.
  6. The page should now be visible on your website. The URL will be your usual domain with the "Page name" after it, for example: www.example.com/about_us.html

To edit an existing page metadata

  1. Click on Applications > WebXG WebRES > Custom Page Configuration to edit custom pages added through File Management.
  2. Enter any other details such as HTML title, keywords, description etc you need specifically for this page. If nothing is entered, pages will inherit from the entries in WebRES Config.
  3. Click on the "Save Page" button to save the page.
  4. The changes should now be visible on your live site. Please note that your browser or corporate network may cache older pages so changes might not be immediately available. Try force-refreshing your browser.