v5.2 - July 27, 2021

  • Added Section templates – Pre-built section templates/blocks that you can insert on your pages to speed up page building with WPBakery (screencast). Currently released 69 templates but more to come in future updates. Section templates can be previewed from the page builder but also from the landing page.
  • Added Flexible Container element. This new element will allow you to insert certain elements into a parent container that will display via flex styles to allow you to create some more advanced layouts not possible with standard rows and columns (screencast).
  • Added Grid Container element. This new element will allow you to insert certain elements into a parent container and automatically create a grid with your selected columns and spacing. It will also automatically display all items inside the grid container at equal heights so it’s perfect for things like icon box or pricing tables (screencast).
  • Added Contact Form element. So you can quickly add a simple contact form to your site without having to install 3rd party plugins (supports Google reCAPTCHA v3) – perfect for contact pages (screencast).
  • Added New Section to the main Theme Panel where you can enter your reCAPTCHA keys for use with the new Contact Form element.
  • Added New shortcode “topbar_item” which makes it easier to add top bar items like the Base Demo or the default top bar content without having to add spans (sample usage).
  • Added New shortcode “cart_link” which can be used to display the current cart items anywhere on the site (new docs). Currently this shortcode will link to the cart page, but I may update it in the future to show a cart popup on click instead in the future. This element is also available in the WPBakery editor with some added options.
  • Added Query option to the Categories/Terms Grid and Carousel elements named “Current Taxonomy Direct Child Terms” so you can display only the direct child terms when using the elements on a Dynamic template.
  • Added Tiktok icon to the theme icons.
  • Added Typography tab for the Toggle Bar.
  • Added Customizer option to disable the Cart link that is added to the mobile menu by default when the cart link is enabled for the header menu.
  • Added Customizer option to enter your Toggle Bar content (if you don’t want to use a template you can instead enter simple text/html into this new field).
  • Added Customizer option to alter the Toggle Bar vertical padding.
  • Added Customizer option to enable “Full Width” for the Toggle Bar element.
  • Added Customizer checkbox that allows you to disable the Toggle Bar “toggle button” when the default state is “open”. When checked, the theme will display an “x” button instead of the open/close button so the user can only close the bar but not re open it (this allows for the Toggle Bar to be used as a more standard notification area).
  • Added Customizer option to set a min-height for the Toggle Bar.
  • Added Option to the Theme Panel to enable the WPBakery “Design Options” tab which is disabled by default in Total which provides a few extra settings for WPBakery such as the ability to control the column breakpoints.
  • Added Option to the Bullets elements so you can choose an alignment for the items (vertical or horizontal).
  • Added Option to the Icon Box so you can add borders to your icons.
  • Added Option to the Image Banner element for minimum height.
  • Added Option to the Text Block and Multi-Button elements for text transform.
  • Added Option to the Post Cards element if you wanted to display a custom message if there aren’t any posts to show (screenshot).
  • Added Option to the Icon Box and Teaser elements to set the border radius when displaying images.
  • Added New “Colored” social style which simply adds a color to the icon for a minimal look (screenshot).
  • Added Theme Panel option for “Widget Block Editor” so you can disable the new widget block editor in WordPress 5.8+ if you don’t like it.
  • Added Ability to set the Skip to Content targeted element ID via a custom field named “skip_to_content_id” if needed for any particular pages, such as ones using the Overlay/Transparent header.
  • Added CSS for the new Gutenberg query pagination block to better match the theme’s pagination.
  • Added Theme utility font sizes to the Formats dropdown (screenshot).
  • Added Image source option to the Teaser element so you can hotlink to an image instead of selecting one from the media library.
  • Added Border radius option to the Percentage/Skill Bar element.
  • Added Shadow option to the Button element.
  • Added Gap option to the Newsletter element so you can add space between the input field and the button.
  • Added Option to the Newsletter element if you want to “stack” the elements.
  • Updated Bundled plugins: Total Theme Core, WPBakery and Slider Revolution.
  • Updated Icons used for the Total elements in the WPBakery editor.
  • Updated Total elements to support pagination when using the offset parameter as well as support offset when displaying all posts.
  • Updated Schema markup URL’s to use https instead of http.
  • Updated Customizer layout width options so that they also target the inner containers when using full-width Gutenberg group blocks and the centered Cover block.
  • Updated Responsive font sizes in the Total elements so the theme will now use an inline style tag instead of javascript to prevent text from “flashing” on page load and limit JS usage.
  • Updated Image element so if you enter 100% for the image width it will use width instead of max-width to stretch the image to 100% and will also turn the element from an inline-block to a block element.
  • Updated CSS used for the Gutenberg alignfull class so it’s slimmer.
  • Updated The wpml-config.xml file for compatibility with the upcoming WPML update.
  • Updated The toolset-config.json file for compatibility with new versions of the Toolset plugin.
  • Updated Total Element Icons will now display in the WPBakery Role Manager instead of the default WPBakery hat icon.
  • Updated Theme Icons “Houzz” and “Yahoo” icons to match new logos.
  • Updated Better hover styles for the Outline social button style (instead of an opacity on hover it will change the background color).
  • Updated Cart link that is added to the mobile menu will now display the icon, number of items in cart and total price instead of a simple “Cart” text (screenshot).
  • Updated Improved accessibility for the Toggle Bar button via aria-expanded and aria-controls attributes as well as keeping the focus inside the toggle bar element while opened.
  • Updated Multi-buttons element to use flex styles to slim down the CSS needed for the element and fix potential issues with extra spacing added on the sides and below the buttons.
  • Updated The Theme Panel “Branding” field so if you save it with an empty value it will now say “Disabled” for the field placeholder instead of “Total” to prevent confusion.
  • Updated The theme will no longer alter the Tribe Events Calendar plugin’s accent colors to prevent conflicts with the plugin’s own accent color and ensure future compatibility plus it greatly slims down the code added to the site for the accent colors. The theme will automatically set the Tribe Events Calendar accent color to match the theme’s accent a single time when activating the plugin or when updating to this theme version but it will only be set if the Events Calendar accent color setting is empty or set to the default value, this will allow you to customize things in the future as needed.
  • Updated Image Banner and Icon Box elements to include “External” in the image source options.
  • Fixed Inner content will now remain centered with the rest of the site when using the Full Width gutenberg group block or centered cover block.
  • Fixed Gutenberg Full Width blocks (alignfull class) when using the boxed layout to prevent them from going outside of the boxed container.
  • Fixed Issues with WPRocket and the WPBakery video element not rendering correctly.
  • Fixed Target parameter not working in the “wp_login_url” shortcode.
  • Fixed Icon display when drag&dropping elements in the front-end WPBakery editor.
  • Fixed Layout issues when adding multiple Product Page elements in a row.
  • Fixed Theme lightbox not working with the WooCommerce product gallery when using the Product Page shortcode/element.
  • Fixed Extra spacing to the right/left on topbar items (wpex-inline) on small screens under 479px.
  • Fixed Potential jagged lines when using the Total Section & Row Divider settings in new versions of Chrome.
  • Fixed Styling issues when adding heading tags in footer widgets as they wouldn’t inherit the footer text color.
  • Fixed Some styling issues with the new Widget block editor in upcoming WP 5.8.
  • Fixed Some Events Calendar plugin styles from recent plugin updates.
  • Fixed Single Post pagination (page break) ignoring the Pagination alignment setting.
  • Fixed WooCommerce Product Attribute pages not respecting the defined shop layout option in the Customizer.
  • Fixed Bottom margin option not working in the Font Icon element.
  • Fixed Text Block element not working when the Total WPBakery elements are disabled in the Theme Panel.

Dev Notes:

  • Added - Body class "site-{layout}" which will render as "site-full-width" or "site-boxed" depending on the selected site layout. This class is a slimmed down version of the older "{layout}-main-layout" which may be deprecated in the future. This is to keep consistency with the current "content-{layout} class added to the body for the singular layout. This new class is being used for Gutenberg alignfull classes.
  • Added - Filter "wpex_wpbakery_section_templates" so you can control the default theme section templates array.
  • Added - Filter "vcex_flex_container_allowed_elements" which returns a comma separated string of elements allowed in the new Flex Container element.
  • Added - Filter "wpex_secondary_post_thumbnail_id" so you can filter out the secondary thumbnail ID which is used for the Image Swap overlay style or the Image Swap overlay when used in a dynamic template.
  • Added - Filter "wpex_redirect_status_code" used to control the post/taxonomy redirection status code (default is 301).
  • Added - Filter "wpex_has_shrink_sticky_header_mobile" so you can control if the shrinking sticky header function should run past the mobile breakpoint by default it's enabled when using the "Right Aligned Buttons" or "Fixed Top" mobile menu toggle style.
  • Added - Filter "vcex_css_breakpoints" which returns an array of the breakpoints and their widths currently used for responsive font sizes in Total builder elements so you can adjust the breakpoints if wanted.
  • Added - Filter "wpex_woo_mobile_menu_cart_link_args" to control the arguments for the updated mobile menu cart link (which actually uses the new cart_link shortcode).
  • Added - Filter "wpex_togglebar_content" so you can override the toggle bar content.
  • Added - Filter "vcex_contact_form_mail_body" so you can override the new Contact Form element final email body.
  • Added - Filter "vcex_contact_form_mail_to_address" to override the email address where the new Contat Form element is sent to (the default is the admin email).
  • Added - Filter "wpex_skip_to_content_id" so you can alter the targeted element ID for the Skip to Content link.
  • Added - Ability to use a custom field named "wpex_togglebar_content" to override the Toggle bar content.
  • Added - New function "wpex_get_recaptcha_keys" which returns your google reCAPTCHA site and secret keys.
  • Added - CSS utility classes for the "justify-items" property.
  • Updated - Renamed ticons font file names to remove "webfont" for example "ticons-webfont.woff2" is now just "ticons.woff2".
  • Updated - The grid gap utility classes now use gap instead of grid-gap and you can use wpex-gap-{size} or wpex-grid-gap-{size} for the class.
  • Updated - CSS used for Total WPBakery elements is now loaded via the "vc_backend_editor_enqueue_js_css" and "vc_frontend_editor_enqueue_js_css" instead of "admin_enqueue_scripts" so it's more efficient.
  • Updated - JS used in the WPBakery frontend editor to re-trigger Total element js is now hooked into "vc_load_iframe_jscss" instead of "vc_inline_editor_page_view".
  • Updated - CSS file "vcex-wpbakery-backend" was renamed to "vcex-wpbakery-editor".
  • Updated - The "wpex-wc-product-lightbox" script is now registered earlier via the enqueue_scripts hook incase you need to load it conditionally in your child theme or plugin.
  • Updated - Import/Export panel now loads it's own js file.
  • Updated - Image Grid element to use wp_get_attachment_caption instead of get_the_excerpt when displaying image captions.
  • Updated - Renamed the woo_mobile_menu_cart_link filter to "wpex_woo_mobile_menu_cart_link" and it now returns a string instead of boolean.
  • Updated - Buttons to have center text alignment by default so if any button has a custom width the text will be centered by default.
  • Updated - Footer Bottom menu is now a nav element instead of a div.
  • Updated - Image Banner element is now a flex element (flex-col) so if you have image banners added inside the new Flex Container or you are using the Equal Heights function with your Image Banners the inner text will be centered properly.
  • Updated - Social Profiles widget so when adding new options you don't have to insert a new widget to see the new fields.
  • Updated - The wpex-float-center class will not be added to the Image Banner element unless a custom width is added to the element as it's not needed when it's full width.
  • Removed - Code that hooked into the "excerpt_length" filter as it's not needed in the theme and could potentially cause issues with 3rd party plugins and it's not technically used in Total as the theme has it's own methods for showing excerpts.

Modified Partial Files:

  • header.php
  • partials/togglebar/togglebar-layout.php
  • partials/togglebar/togglebar-button.php
  • partials/page-header-title.php
  • partials/link-pages.php