Skip to content

See what’s coming in the next version of the Total WordPress theme. This is a good place to see if an issue you are currently experiencing has already been fixed, check out upcoming new features and prepare.

v 6.0

  • The biggest change in this update is switching from font icons to SVG icons to speed up your site, make it easier to update the icons and allow for custom icon selections. If you were previously targeting icons with CSS you may need to revise your customizations.
  • Dark Mode functionality has been introduced but it's disabled by default because it requires loading extra scripts and adding new settings which not every site will want (keeps things slim by default). You can enable Dark Mode via the Theme Panel but if you do this on a previously set up website it will require revising your Customizer settings, pages and templates to ensure colors assigned to various elements are using either theme colors or color palette colors that have dark color variations.
  • Added 🔥 New “Menu Element” which supports dropdowns, mobile menu (side, toggle, full-screen), tons of styling options and can be used for standard menus as well as off-canvas menus.
  • Added 🎨 New Custom color picker allows you to choose from the theme’s color scheme colors, accent and your custom color palette colors from any theme setting. This means you can assign colors anywhere and control them globally! Plus, you can now access alpha transparency colors in the Customizer.
  • Added You can now set “Dark Mode” color variations for your color palette colors, accent and color scheme colors.
  • Added Customizer option to enable a sticky sidebar.
  • Added You can now insert a logo at the top of the Sidebar mobile menu.
  • Added “Edit Template” link to the WP Admin Bar whenever you are editing a post in the backend using a dynamic template or on the front-end whenever you are viewing a single post or archive that has an assigned template.
  • Added “Transparent” option to the color selection when choosing custom colors in theme elements when using WPBakery.
  • Added “Hide If Empty” setting to the WPBakery Row element.
  • Added Customizer option for entering a custom “gap” for items added to the Header Aside area in a flex header.
  • Added More Cart icon options added to the Customizer.
  • Added Customizer option to control the Logo icon SVG size.
  • Added Customizer option to select the main menu “Dropdown Arrow Size”.
  • Added Customizer options to modify the Header Search Replace background color, text color, text transform and font size.
  • Added Customizer option under the Header > Menu tab named “Prevent Overflow” which can be used with the flexible header styles. When enabled if the menu items don’t fit in the header they will wrap onto a new line.
  • Added Threads, Patreon, OnlyFans and Bluesky social options.
  • Added Icon Select in the Menu Dashboard for easily adding icons to menu items.
  • Added New Search Bar “Display” option which can be set to “Inline, Dropdown or Full Screen”.
  • Added Health Check so if your license is not active or you don’t have a default WP theme installed it will let you know that updates won’t display for the theme.
  • Added New Theme Panel option added for disabling the post “Media” custom fields.
  • Added New options added to the Button element to control the icon size.
  • Added New “Edit Template” link in the WPBakery backend editor for the Template Part element.
  • Added New classname “megamenu-col-full” can be added to a megamenu item to display it full-width (for example if you want some columns at the top and a full-width column below them).
  • Added New “dynamic” option to the Customizer Sidebar > Mobile Placement setting which can be selected to have the sidebar automatically placed at the top when using a left sidebar.
  • Added Icon Dimensions, Icon Background and Icon Border Radius options to the Toggle element.
  • Added Animate, FAQ Markup, Icon Type and Icon Position options to the Toggle Group making it easier to control the display of all child Toggles.
  • Added “Homepage” as a link option type for various elements (Image, Button, Heading) which is useful with the header builder.
  • Added “White Circle” carousel icon style.
  • Added “Autoplay Type” option for carousels where you can choose from Default or Smooth. The later being ideal for logo type carousels where you want to display infinite scrolling images.
  • Added The Just Events Date and Just Events Time elements are now available in Elementor.
  • Added New Theme styles for the WPBakery Tabs element.
  • Added Off Canvas Sidebar option added for the WooCommerce cart (this is the new default cart style).
  • Added WooCommerce Notices element that can be used with your dynamic templates to display notices like Added to Cart, Errors, etc.
  • Added Customizer option for disabling the WooCommerce “Scroll to Notices” for the cart and checkout pages (enabled by default).
  • Added Customizer options for WooCommerce cart thumbnail max width and cart responsive breakpoint.
  • Added Customizer option for WooCommerce to enable a sticky summary which allows you to create the affect where it looks like the product gallery images scroll vertically.
  • Added Customizer option for WooCommerce to enable a sticky gallery so that the gallery images remain sticky if your product details are very long (like Amazon.com).
  • Added Customizer option to disable the WooCommerce “Added to Cart” notice that displays on the single product pages – when disabled, if you are using the new Off-Canvas cart function it will open when the page refreshes to let the user know the item was added to the cart.
  • Updated 🌶️ SVG Theme Icons – The theme will no longer load a theme icons font family. Instead all theme icons will render using SVG html code. Previously a fairly large theme icon font was loaded which contained all icons and CSS to render them which created unnecessary bloat. Now only the code needed for the icons used on a given page will be added to the site keeping your site as fast as possible. This was a crucial update in modernizing and optimizing the theme. If you were previously customizing any icons via CSS or inserting icons using HTML (you should have used the theme functions or shortcodes) you may need to revise your edits. To make the transition easier the theme font set will still exist in the theme and can be loaded if you want via wp_enqueue_style( ‘ticons’ ).
  • Updated Theme icons have been updated to use newer/modern designs (based on the latest FontAwesome v6) and more icon options have been added.
  • Updated Optimized how theme SVG icons are used so instead of having hundreds of SVG’s inside the theme the theme now uses a single JSON file with all icon definitions. This prevents extra requests since all icons are stored in memory and it slims down the theme size.
  • Updated The theme now uses modern logical properties and values for left/right margins, paddings and borders to provide automatic RTL support.
  • Updated The default page layout will be “Full Width” (aka no sidebar) for new installations or installations with the new “Classic Layout” option disabled in the Theme Panel.
  • Updated The default block quote design uses the new CSS image-mask property for the quote icon for retina-ready icons that support custom coloring.
  • Updated The Theme Settings metabox design.
  • Updated The Typography panel now supports using the theme’s global font sizes for the Font Size setting making it easier to keep consistency across the site.
  • Updated The Image Grid element now supports Custom Links when used in Elementor.
  • Updated The WooCommerce Template part element now displays only the specific part name in the WPBakery backend editor so it’s easier to see the various parts on the page.
  • Updated The WooCommerce cart page will now display vertically on small screens so it’s easier to use and so it can display product thumbnails.
  • Updated The Customize > WooCommerce > Shop & Archives > Category Description Position setting now allows you to select “Hidden” as an option.
  • Updated The WooCommerce plus/minus quantity buttons are now added with PHP instead of javascript so they render instantly. If you are using a plugin that also inserts plus and minus buttons this change could cause a conflict and you may need to go to Appearance > Customize > WooCommerce (Total) > General and change the “Quantity Buttons Style” to “Browser Default”.
  • Updated The WooCommerce “Menu Cart: Display” setting in the Customizer now has a new option “Icon with Dot” which will display the icon and if any items are in the cart it will show a small dot on the top right over the icon.
  • Updated The comments pagination older/newer comments links have been updated to include arrows and to look like links so they are more accessible. We’ve also added a fix for a WP bug when changing the comment order so it displays the correct text.
  • Updated The twitter icon displayed for the Staff social links now uses the new X icon automatically.
  • Updated The Overlay Search style magnifying glass icon is now a button which provides better accessibility.
  • Updated The Post Cards “Auto” query has been updated to use the global $wp_query which prevents extra database hits and works properly with the pre_get_posts hook.
  • Updated The Image Banner and Teaser elements now have the same link options as other elements.
  • Updated The checklist format has been updated to use an SVG icon.
  • Updated Icons added to the categories, archive, recent comments an recent post widgets now use SVG’s instead of theme icons.
  • Updated Theme Panel icons.
  • Updated You can now use the Milestone element when creating custom cards.
  • Updated The theme icon shortcode margin attributes so they support any unit (not just pixels) and the color attribute supports the accent color as well as css variables. A new attribute has also been added named “bidirectional” which when set to true will flip the icon horizontally in RTL mode.
  • Updated The Recent Posts with Icons widget icons to match the icons added over images when the “Thumbnail Post Format Icons” option is enabled in the Theme Panel.
  • Updated Optimized the CSS for the thumbnail post format icons so they display instantly instead of waiting for the page to load.
  • Updated Gutenberg editor CSS has been updated so form styles are only applied to theme elements to prevent conflicts with 3rd party plugins and editor inputs.
  • Updated When “Editor Styles” is enabled in the Theme Panel the theme will now add your custom site background color (if defined) as well as the “Headings” typography setting value. This way if you’ve setup a dark site the editor will match and prevent issues with light text colors.
  • Updated When “Editor Styles” is disabled in the Theme Panel the theme will still load the needed styles for theme blocks and cards.
  • Updated When “Editor Styles” is disabled in the Theme Panel the theme will still add basic CSS for the Gutenberg font family and size in the editor because Gutenberg reverts these to the browser default which looks terrible.
  • Updated The theme will no longer apply the Custom Login settings to the “interim” login popup (the login popup when WP logs you out while in the admin).
  • Updated The List Item and Icon Box elements now add the new “wpex-icon–w” classname to the icon to ensure all icons are the same width when adding multiple list items with different icons one after another.
  • Updated The “Quote” post format now uses a blockquote element for the design for design consistency.
  • Updated All close icons (mobile menu, header search replace, search overlay and cart overlay) so they now use an SVG icon to slim down the CSS used to target the elements, allow easier modification and consistency.
  • Updated You can now insert multiple navigation bar elements to use for a filter and when clicking the “All” button it will only reset the current filter. For example if you wanted to add a filter for tags and a separate filter for categories.
  • Updated The next and previous links that display by default at the bottom of posts now use a single arrow icon.
  • Updated The overlay search will now close when clicking anywhere outside of the search form.
  • Updated You can now select “Current Staff Member” as the “Source” for the Social Links element.
  • Updated Since WooCommerce doesn’t allow “cart fragments” on the cart page the theme’s shopping cart icon in the header no longer adds the counter or total price while viewing the cart page (since it won’t be able to refresh).
  • Updated When creating a dynamic template for your WooCommerce products the theme will now add the classnames from the ”
    wc_get_product_class” function to the theme’s “custom-singular-template” element which includes the “product” class. This is to allow for easier CSS customization and to provide compatibility with certain plugins that specifically target this classnames.
  • Updated The WPBakery Tab and Accordion elements will no longer animate by default. A new setting was added under Customize > WPBakery so you can re-enable the animation if you want, but it’s recommended to keep them disabled.
  • Fixed The WooCommerce Entry Title typography setting in the Customizer was not targeting product entries added with the Post Cards element.
  • Fixed The Customizer was still showing the “Mega Menu” and “Menu Dropdown” tabs in the Customizer when using a custom header via the Header Builder.
  • Fixed Post Meta icon placement when an item wrapped onto the next line.
  • Fixed When inserting the Post Content element in a dynamic template using Elementor it would display other elements that were previously added to the page instead of the dummy placeholder.
  • Fixed The horizontal social share button border radius did not match the defined button border radius.
  • Fixed The 3 /4 Image Aspect Ratio was not working.
  • Fixed Missing aria-labels for the header search and header cart shortcodes.
  • Fixed The term custom card style setting was not working with the Post Cards element and dynamic taxonomy templates.
  • Fixed Potential issue with extra spacing between post entries and the pagination element.
  • Fixed When logged in with the WP admin toolbar enabled the Lightbox toolbar was being placed underneath the WP toolbar so it couldn’t be accessed.
  • Fixed The Toggle Group element didn’t have any default spacing between toggles when setting the style to “none”.
  • Fixed When using Header styles 8 or 9 if the menu items don’t fit the menus will no longer overflow but rather the menu items will go onto a new line.
  • Fixed The Min/Max Font Size not working correctly with the WPBakery Text Block element causing the max font size to be added to the container resulting in very large space above and below the text.
  • Removed The opacity on the breadcrumbs element separator has been removed because it causes issues when choosing custom colors.

Changes

  • Added - New "wpex-dark-mode" utility class.
  • Added - New utility classes added for theme icons that can be used as a wrapper for any SVG icon "wpex-icon, wpex-icon--{$size}, wpex-icon--w and wpex-icon--bidi".
  • Added - New utility classname "wpex-duration-350" which applies a transition duration of 350ms to the element.
  • Added - New css variable "--wpex-dropmenu-transition-delay" which can be used to modify the hover delay animation for the menu dropdowns.
  • Added - New Helper function "totaltheme_render_drawer" which can be used to insert custom drawers on the page.
  • Added - New function "totaltheme_get_icon" which is intended to replace the older "wpex_get_theme_icon_html" function (the later hasn't been removed or deprecated).
  • Added - New custom field types added to the WPEX_Meta_Factory class (iframe, html and button_group).
  • Added - New utility classes for svg icon sizes for use with inline icons to match the text alignment next to it. The format is wpex-svg-icon-{size} and the sizes are 2xs, xs, sm, lg, xl, 2xl.
  • Added - The theme now inserts useful CSS variables into the body element for the topbar, header and navigation bar elements (when they are sticky) with their heights. These can be used to provide proper offsets for CSS based sticky elements added after these.
  • Added - New classes added to the body tag when elements become sticky: topbar-is-stuck, header-is-stuck, header-is-shrunk and main-nav-is-stuck.
  • Added - New "header-has-fixed-height" classname added to the body tag for header styles that have a set height (aka flex headers).
  • Added - Styles for the theme-button element when it has a disabled attribute.
  • Added - Styles for the "summary" element to give it the same color as links.
  • Updated - All margin, padding and gap utility classes have been updated to use CSS variables making it easy to control spacing globally. For example if you want to change any element that currently has a 10px margin regardless of where it's added you can simply modify the --wpex-space-10 CSS variable.
  • Updated - The wpex-svg-icon class has been deprecated in exchange for the new wpex-icon class.
  • Updated - Various CSS has been updated to take advantage of modern :is() and :where() selectors to slim down the code.
  • Updated - Various CSS has been updated to take advantage of new properties: inset, inset-inline, inset-block, padding-inline, margin-inline, margin-block and padding-block.
  • Updated - All paddings, margins and gaps use new CSS space variables for consistency.
  • Updated - Numbered pagination and tagcloud elements now use modern flex styles instead of floats.
  • Updated - The WooCommerce Customizer typography settings have been updated to use newer classes to slim down the output and make it easier to override.
  • Updated - Removed the inner left/right borders on the WooCommerce cart for a cleaner design.
  • Updated - The Meta Factory icon selector has been updated to only support theme icons to greatly slim things down, speed up the backend and create consistency with the new icon selector used for the Customizer and WPBakery.
  • Updated - The Theme Settings metabox now uses the WPEX_Meta_Factory class instead of it's own separate code for consistency and to slim things down.
  • Updated - Optimized checks used for the header/footer builder templates.
  • Updated - The overlay search magnifying glass icon has been updated to work with SVG icons, it's no longer added via a pseudo element.
  • Updated - The staff social links now uses a flex container for better spacing between icons across all devices.
  • Updated - The default search element has been updated to use flex styles so it automatically offset the search button icon regardless of the size.
  • Updated - When using a child theme the child theme's style.css will be dequeued then re-enqueued after the parent stylesheet dependencies to ensure your child theme's style.css can override them.
  • Updated - The WooCommerce add to cart button loading icon is now added using a CSS mask-image instead of added via the HTML which could potentially cause conflicts with 3rd party plugins.
  • Updated - WooCommerce tabs now use a flex container and no longer have a fixed height which can cause issues with larger font sizes.
  • Updated - WooCommerce Account page CSS is now only loaded on the account page via it's own file.
  • Updated - The theme now adds a flex container inside the WooCommerce added to cart message to contain the text and the button for easier placement and styling. With this change we've also set the added to cart "view cart" button to display using the defined button styles to match the rest of the site.
  • Updated - The theme now loads the CSS for the theme's color scheme and your custom color palette in the WP admin as well as the classic editor (tinymce).
  • Updated - Removed the !important attribute from the border radius utility classes.
  • Updated - The icon box now uses the classname "vcex-icon-box-hover-text-white" instead of the deprecated "wpex-hover-white-text" classname when enabling white text on hover.
  • Updated - The skillbar element has been updated so the label and percentage are positioned vertically using CSS transforms instead of line height.
  • Updated - The "vcex-filter-links" element has been updated to use utility classes instead of specific CSS to slim things down and it now also uses flex styles.
  • Updated - The "wpex-sticky" utility class now has a default top value of "--wpex-sticky-offset" which is 24px plus the sticky topbar, header or main navigation bar height.
  • Updated - The Grid and Flex container elements have extra checks to stop the default gap class from being added if a custom gap utility class is added in the extra classname field.
  • Updated - Optimized the get_terms query used to get a list of term with colors for adding the inline CSS.
  • Updated - Optimized the code used on single posts to check for a custom sidebar defined via the post terms.
  • Updated - The search overlay, cart overlay and mobile menu close buttons now use SVG icons instead of using the letter "x" which slims down the CSS needed to target them, prevents accessibility concerns and allows for easy icon customization. Because the close buttons have drastically changed we've renamed their classes to prevent any potential conflicts with custom CSS added to your site to modify the icon. If you had customized these icons they will be reset back to the original theme design (better than appearing broken).
  • Updated - Carousel arrows CSS has been updated because they need to work with SVG based icons and it has been optimized a bit to use less overrides and flex styles for more modern code.
  • Updated - The Image Slider CSS has been updated to remove old vendor prefixes and IE specific CSS.
  • Removed - The backwards compatible CSS for the old Events Calendar plugin (pre 5.0.0) has been removed.
  • Removed - The theme previously added a "wpex-color-scheme-default" to the HTML tag for a potential feature which we've decided to scrap.

New Hooks

totaltheme/mobile/menu/titletotaltheme/mobile/menu/logototaltheme/theme_icons/auto_biditotaltheme/content_wrap/is_flextotaltheme_post_format_icon_namevcex_navbar_link_attributesvcex_inline_style_util_spaces_arraytotalthemecore/vcex/post_query/max_sticky_poststotalthemecore/vcex/carousel/owl/previous_icontotalthemecore/vcex/carousel/owl/next_icontotaltheme/post_gallery/include_featured_imagetotaltheme/dark_mode/icon_dark_choicestotaltheme/dark_mode/icon_light_choices
Back To Top