FAQs

Please take a moment and look through the FAQs below BEFORE submitting support inquiries.

We only allow one personal staff website per ORNL employee. Your personal website is your online portfolio, your place on the web to show off your work at the lab, your skills, patents, research, publications, etc. These personal websites do not replace the one-page staff profile pages on ORNL’s public website www.ornl.gov, but allow you to enhance your web presence with a fuller, more robust website.

Not at all! The more you know about web design and development, the easier it may be for you to build your personal website. However, no experience or coding knowledge is required, and we have quite a few tutorial videos to help you get started with our drag and drop web builder, Elementor.

If you have already submitted a request for a new site via the “Get Started” tab in the menu above, you should soon receive a welcome email from our team. This email will have the link to your new personal website and the link for you to log in and begin working on the site. You will use your UCAMS username and password to log in!

Staff profile websites are available to full-time ORNL staff only.  We do not allow contractors to create a staff profile website at this time. 

Nope! Staff Profiles are 100% free for all full-time ORNL employees.  There will only be a charge if you request for assistance in the actual build of the site, or request updates/modifications to the site.

No.  We have provided three templates as starting points for those who do not want to start from scratch.  However, you are welcome to start with a fresh slate and build your personal website from scratch.  Check out the video “How to build a personal website from start to finish with no steps skipped” in our tutorial section. 

No. ORNL has strict guidelines for the branding of ORNL websites.  Please see the SBMS Brand External Websites procedure.

Complete our Website Design, Development and Support request form and indicate that you’d like your personal website deleted.

Many Elementor Widgets offer the ability to edit text color and typography settings. These design options are located in the widgets’ Style tab.

 

Style

Text Color: Choose the color of your text

Under the Widget Setting > Style, click the icon to access the typography settings.

Typography

  1. Family – Choose your font family
  2. Size – Choose a size for your font
  3. Weight – Choose the weight of the font
  4. Transform – Choose the Transform properties for the font
  5. Style – Choose between Normal, Italic, and Oblique
  6. Decoration – Choose the text Decoration
  7. Line-Height – Use the slider to set your line-height
  8. Letter Spacing – Use the slider to set your letter spacing

These are the possible settings available in the Advanced tab of a Section, Column, or Widget. Not all settings are available for every element.

Advanced

Advanced

  1. Margin: Set the section Margin
  2. Padding: Set the section Padding
  3. Z-index: Set the Z-Index. 
  4. CSS ID: Set the CSS ID for your section
  5. CSS Classes: Set CSS Classes for your section

Motion Effects

  1. Sticky: Set your section as Sticky, and choose between Top or Bottom. 
  2. Scrolling Effects: Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page. 
  3. Entrance Animation: Click the dropdown to choose an animation.

Background

The following options can be set independently for both the normal and hover states.

  1. Background Type: Choose between Classic or Gradient

Border

The following options can be set independently for both the normal and hover states.

  1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  2. Border Radius: Set the border radius to control corner roundness
  3. Box Shadow: Adjust box shadow options

Positioning

  1. Width: Select the width of the element, choosing from Full Width (100%), Inline (auto), or Custom
  2. Custom Width: Only available if Custom is chosen. Use the slider to adjust the width of the element within the column
  3. Vertical Align: Only available if Full Width (100%) or Inline (auto) is chosen. Select to display the element at the Start, Center, or End
  4. Position: Select the position of the element, choosing either Default, Absolute, Fixed, or Custom. Absolute positions an element absolutely to its first positioned parent. Fixed positions an element relative to the user’s viewport

If either Absolute or Fixed are selected, the following options also become available.

  1. Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End
  2. Offset: Changes the horizontal reference point by the amount of the offset
  3. Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End
  4. Offset: Changes the vertical reference point by the amount of the offset

Responsive

  1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
  2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile


A click on the top left hamburger icon in Elementor will open Elementor’s Style & Settings Configuration menu. Here, you can set Elementor’s Default Colors and Default Fonts, and various Editor Preferences. You can also change Global Settings and Navigate to other areas of the site.

Style

  1. Default Colors: Customize the primary, secondary, text and accent colors in Elementor
  2. Default Fonts: Automatically selected fonts for primary and secondary headlines, body text and accent text

Settings

  1. Global settings: From the Style tab, choose the editor’s font fallback, the content width, widgets space, stretched section fit to, and page title selector. From the Lightbox tab, select Yes to open all image links in a lightbox popup window. If set to Yes, choose the Lightbox’s global Background Color, UI Color and UI Hover Color
  2. Dashboard setting: A link to the Elementor setting. Described in detail here
  3. About Elementor: A link to Elementor.com

More

  1. Preferences: Set UI Theme‘s light or dark mode, or use Auto Detect to sync it with your OS setting, Slide the switch to Enable or Disable Editing Handles when hovering over the element edit button, and select Yes or No to enable the Lightbox in the Editor.
  2. Finder: Opens the Finder to quickly find and navigate to another area of your site
  3. View Page: Opens the current page, in live mode in the browser.
  4. Exit to Dashboard: Exits to the WordPress editor of the current page or post.

It is very easy to move an Elementor section above or below another section, in either one of two ways.

Drag and Drop The Section Using the Navigator

The Navigator is a quick and easy way to move sections, and is often preferred, since you don’t have to drag the mouse far up or down a page. Access the Navigator in one of three ways:

  1. Click on the Navigator button  in the panel’s footer, or use the Cmd/Ctrl + I keyboard shortcut.
  2. Alternately, you can right-click any element and then click on Navigator. This will automatically redirect you to the specific element in the navigation tree.
  3. Once the Navigator is open, left-click and hold the mouse button down on the section element you want to move, and drag it up or down, dropping it before or after any other element.

Drag and Drop The Section Via The Section Handle

  1. Click and hold your left mouse button on the handle of the section you wish to move. 
  2. While you continue to hold the mouse button down, drag the section to its new location.
  3. When you see the blue line appear in the correct place, let go of the mouse button. This will place the section into the blue drop zone. The move is now complete.

There are two easy ways to delete a widget from an Elementor column. In this example, we’ll first delete the widget from the Navigator. Then, we’ll use History to undo our deletion. Finally, we’ll delete the widget again from the Edit Widget handle.


Delete A Widget From The Navigator

  1. Click the Navigator icon  to open the Navigator.
  2. Find and select the widget element you wish to delete.
  3. Right-click the element and choose Delete from the drop-down selections.

Delete A Widget From The Widget’s Handle

  1. Right-click the widget’s Edit Widget handle. 
  2. Choose Delete from the drop-down selections.

Can't Find The Help You Need?

Click the button below and complete the form to submit your support inquiry. Someone from our web services team will reach out to you as soon as possible. PLEASE BE SURE TO UTILIZE OUR FAQS & TUTORIALS PAGE TO FIND A RESOLUTION TO YOUR ISSUE BEFORE SUBMITTING A NEW SUPPORT TICKET.