Custom code integrations are not supported through the normal support channels. The Tovuti Support team does not correct, implement, or modify any custom code, including any code referenced in the Help Center. For assistance with custom code, please contact your Account Manager or contact the Tovuti Client Success team at clientsuccess@tovutiteam.com.
The WYSIWYG editors throughout Tovuti utilize custom code to build descriptions, blogs, and other text blocks. The WYSIWYG accepts HTML, CSS, Javascript, and other coding languages; allowing Admins to implement nearly unlimited customizations.
This article outlines a few of the modifications Admins have applied in the WYSIWYG, as well as the code samples needed.
CSS Styling
Custom CSS code can be applied in the WYSIWYG editor by utilizing “style” tags.
<style> </style>
This allows Admins to customize elements of the text such as font size and font color.
For example, to create a text header with a font size of 24px and a specific orange font color (hex code #e9892e), the admin would:
- Begin with the <style> opening tag
- Add the .header-text nav item
- Add the font size code
- Add the font color code
- Close with the </style> tag
- Add the header text with a <div> on a separate line
The following code snippet is added to the WYSIWYG code tab.
<style>
.header-text {
font-size: 24px;
color: #1c2e4a;
}
</style>
<div class="header-text"> Title Text </div>
The text is shown in the User Portal:
Embed a Document
WYSIWYG can be configured to include a document embedded in the text. This is useful for single Website Pages that only need to display limited and specific information.
In the Google Doc editor, click File.
Click Share. Click Publish to WebIn the Embed tab, click Publish and copy the embed code.
Paste the embed code into the Code tab of the text editor.
Website page with embedded PDF:
Embed a Slide Deck
WYSIWYG can be configured to include a PowerPoint presentation embedded in the text. This is useful for single Website Pages that only need to display limited and specific information.
In the PowerPoint (or Google Slides) editor, click File. Click Share. Click Publish to the Web.
In the Embed tab, click Publish and copy the embed code.
Paste the embed code into the Code tab of the text editor.
Website page with embedded PowerPoint: