How To
This hidden section of pages on your website are here to help you with managing the different elements of your website.
How to Edit Your Site
Helpful links to guide you in managing and creating content on your new website.
Quick Note: When editing or creating new pages, if your page or section is not looking as it should, go to the page block library and reference the styles and formatting that we’ve used on the comparable widget. If it doesn’t match, follow the instructions to insert a page block on page from the library. And re-enter your content.
Support Library
Find the entire library of CMS support articles in our support library’s Content Management Tips
CMS Training Videos
Timestamps
- Kickoff, How-tos, etc (0:00 – 16:25)
- Logging into Dev site and WP
- WP Dashboard
- How-to, Style Guide, etc
- Page Block Library Overview
- How to Build a Page from Scratch (16:27 – 53:30)
- WordPress vs Elementor interface
- Yoast SEO
- Navigator and Tour
- Adding templates
- Editing Content or Images
- Formats and Buttons
- Unique Blocks
- How to Edit an Existing Page (53:30 – 57:10)
- Quick links to Elementor
- Editing Content or Images
- Media Library (57:58 – 1:03:07)
- How to View All
- How to Rename/Create Folders
- How to Add Files
- Finding a file’s URL (PDF URLs)
- Post Types (1:03:20 – 1:15:00)
- Blog (external News/Press)
- Blog in WP editor vs Elementor Template
- Team (Senior Management/Board)
- Unique fields
- How to find Theme Builder and Blog Detail Template
- Editing Theme Builder Templates
- Blog (external News/Press)
- Forms (1:05:00 – 1:20:07)
- Gravity Forms Tour
- How to Edit Fields
- How to Edit Confirmations/Notifications
- Viewing Entries
- Adding a Form to a Page (Contact page)
- Menus (1:24:10 – 1:31:00)
- Editing Menus
- Removing or Replacing CSS classes
- Creating Custom Menu Links
- Editing Footer Social Media Icons
- Editing Menus
Additional videos
Elementor Tutorials
- How to find and use the navigator tool in Elementor
- How to save and apply a page template
- How to copy and paste blocks using WordPress Elementor
- How to change & manually select posts in a feed loop
- How to Return from Elementor to the WordPress Backend
- How to update Yoast SEO fields in Elementor
- How to access background photos on Elementor Hero blocks
Other Helpful Articles
- How to add & change a link in content and turn it into a button
- How to write title tags & meta descriptions on pages and posts
- How to publish a blog post
- How to create a redirect or shortcut URL in WordPress
- How to find a video file link in Vimeo
- How to hide a page in WordPress
- How to embed a YouTube video into a WYSIWYG text editor
- How to add title tag and meta description to archive pages via Yoast settings
Additional Notes About YOUR CMS
What CSS classes are used on this website?
These are the CSS classes that sometimes get edited/deleted on accident. That’s okay. Mistakes happen and that is why we have this Q&A.
FIRST, make sure you can find the CSS field, as WP often hides it from users. Go to Appearance > Menus and at the top of the page is a drop down that reads “Screen Options”. Expand that and under “Show advanced menu properties” make sure the “CSS field” option is checked.
Careers button in the main navigation
- If the button style accidentally gets deleted or is not appearing, here is where you edit that to get it back:
- Appearance > Menus > Select the Main Nav (Header) > Expand Careers > ensure the class “menu-btn” appears in the CSS class field
All other classes used on this website are automatically saved to your page block templates so you won’t need to worry about them.