St. Louis Catholic Academy
This getting started guide is designed to give you the basics and allow you to start editing your website. It will cover adding new posts to class pages as well as editing the other pages on the website.
Teachers: Adding new posts to class pages
This is the most common thing that needs updating on the website. Posts that you make to the class page are displayed on the front page of the school website, on your individual class page and on the class pages index page.
All class posts need to have a featured image which is displayed at the top of the post and shown on the preview box when people view the website before they clickthrough to read the post in full. Photos are great for this. Avoid images with text in.
Make a start by logging in to the website and navigating to Posts > Add New.
Old posts are automatically moved off the front page as new ones are added.
Forgotten your password?
Reset it yourself: On the login page, click the Forgot Password option and you can have a reset link e-mailed to you. Or, click here.
Editors: Changing text on static pages
If you have the appropriate permissions, you will be able to edit the text on existing pages, or add new buttons, images and other items to pages. Not all users have this ability – if the Enable Visual Builder button is missing, contact Repose Creative to have your permissions altered.
Log in to the website and then use the Visit Site link that appears when you hover over the St Louis Academy name in the top left. Navigate to the page you want to edit and click the Enable Visual Builder button at the top of the screen.
If the black bar doesn’t appear at the top of the page when you go to edit a page, press Ctrl + R (or CMD + R on Mac) to reload the page. That will force the website to check if you are logged in and show the bar.
Adding new modules
As well as editing existing text, you may have a need to add new modules to the page. Modules can include things like videos, buttons or images. Once you have entered the Visual Builder (see the video above for details on doing that), you can click the grey plus button to add a new module to your page. New modules can only be added inside of the green rows.
Locate the text module within the list of modules and click it to add it to your page. The module list is searchable, which means you can also type the word “text” and then hit enter to automatically find and add the text module! Once the module has been added, you will be greeted with the module’s list of options. These options are separated into three main groups: Content, Design and Advanced.
This field is where you can enter the body content of your module. Text content spans the full width of the column that it is in.
If your text is being placed onto a dark background the Text Color should be set to ‘Dark’. Visa versa, if your text is being placed onto a light background, the Text Color should be set to ‘Light’.
Here you can choose a background color for your text module.
Here you can choose a background image for your text module.
Here you can style and/or position your text or header text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height.
You can also designate a border style, set a max width for your module, and add custom margin and padding.
You don’t need to change anything in the Advanced group.
Need something fancier?
Use the same process to add other modules like buttons, images, sliders, quotes etc.
Detailed module instructions
Detailed instructions for all the other modules are available from the makers of the Visual Builder: