Elements & Shortcodes
Total includes it’s own built-in icon set that you can use throughout your site. These icons were originally taken from the FontAwesome script but renamed into “Ticons” to prevent any conflicts with 3rd party plugins and to better optimize things. You can use the icons freely via HTML, however, if you want to add icons…
The Total theme includes a Custom Field element you can use in the WPBakery page builder which is technically a shortcode named “vcex_custom_field” which you can find on the theme’s shortcode reference page. The vcex_custom_field shortcode provides a robust method of displaying custom fields on your site which is displayed inside an html element, but…
When using theme elements that display posts such as the Post Cards element, there are built-in settings for controlling the posts that are shown so you can choose how many to display, include or exclude terms, change the order, etc… If you need more complex queries, the theme offers an “Advanced” Query type which allows…
The Total theme includes a highlight shortcode you can use that will add a line under the text. This is best used with large headings like the example below: A large heading with text The code used for the example above looks like this: A large heading with ]highlighted[ text By default the highlight will…
Total 5.4.1 was updated to include an extra security check when using callback functions within shortcodes to prevent potential exploits from the core wp_ajax_parse_media_shortcode WordPress function. Previously you could enter the name of any function within a shortcode “Callback Function” field and it would run, but now that function name must also be defined as…
The Total theme includes a Social Links shortcode that can be used to display social links anywhere on the site. Below are the main parameters that can be used with this element. Note: You can always insert the Social Links shortcode via the WPBakery Page Builder when editing a post/page. But if you need to…
AWeber is a great newsletter service which we highly recommend and it’s very easy to integrate with the theme’s Newsletter Form element. Here is a link to the AWeber documentation (just incase things change and the instructions below are outdated). Step 1: Add The Form Action URL AWeber uses a global URL for the form…
When creating dynamic templates you may want to take advantage of some of the built-in shortcodes in your modules to display dynamic data. Below are the shortcodes available in the theme by default. Shortcode Description Useful Dynamic Shortcodes Displays the current post title. https://totalwptheme.com/docs/dynamic-shortcodes/ Returns the current post link. December 20, 2022 Displays the current…
Total 5.6.1 introduced new “Dynamic Variables” which can be used when adding text within elements or in certain theme settings (such as custom page titles) to display non-static text. For example lets say you are creating a dynamic template and you want to display the page title with the date in the format “Page Title…
When working with the Heading element you may want to add text on different lines without inserting multiple heading elements. This can be done easily by using the theme’s shortcode. Multi-line heading using “Max-Width” It is also possible to separate a heading into multiple lines by applying a width to your heading element (this can…
In Total 5.10 we introduced a new underline shortcode which makes it easier to to text on your site when working with any page builder. Basic Usage To use the shortcode simply wrap your text in a shortcode named underline like such: Shortcode Attributes: The following attributes are available so you can modify your underline.…
Most text fields in elements do not support html for security and optimization reasons, however, sometimes you may want to add a custom span around specific text so it can be styled differently. In order to do this, you can use the built-in ] shortcode: Sample Usage Below is an example of how the shortcode…