Skip to content

Total Theme v 5.4

Release Date: April 29, 2022
  • It's not part of the theme update, but so you are aware, I released a plugin so you can disable WPBakery elements and slim things down.
  • Custom CSS properties (css variables) have been introduced for greater flexibility and slim down Customizer settings inline CSS. Please revise your site to ensure any CSS customizations on the site aren't breaking things.
  • There has been a few changes to the CSS to disable text-decoration from certain elements to allow for a new Customizer option for enabling underlines on links. If you previously had added code to your site to enable underlines on links you may want to remove that code and use the new built-in setting or at least double check it and make sure it's still working as wanted.
  • You should never need to edit comments.php but if you did, make sure to compare your file with the theme's file and update it accordingly to use the new wpex_comments_class() function. If you made changes to the file you may want to reach out to ask how you can make the same changes without modifying the file to make updates easier.
  • Header megamenus now use a modern CSS grid for the columns so the dividers between columns had to change from borders to pseudo elements, if you had made any modifications to the mega menu design you may want to double check it. There is now also a full tab in the Customizer under Header > Megamemus with various new options to customize the megamenu design so if you were previously using CSS for some things perhaps you don't need to anymore.
  • The Mobile menu icon element "wpex-bars" has been renamed to "wpex-hamburger-icon" to prevent potential conflicts when updating as the CSS has been adjusted for a smoother animation and to allow for new Customizer settings for adjusting the width, height of each bar and space between each bar. So you no longer need to use complex CSS for altering the default design of the icon.
  • The CSS used to target the Header logo now targets the "logo-img" class specifically to prevent potential conflicts when adding extra images inside your logo area via a child theme. If you were previously using code to insert a secondary logo for mobile only this code may need to be adjusted. The snippet for adding a mobile logo alternative has also been updated.
  • This update introduces CSS only stretched rows for WPBakery which is a big optimization to speed up site rendering, however, it's possible it could conflict with 3rd party plugins that make use of stretched rows or alter the way WPBakery functions. If you encounter any issues the functionality can be disabled under Theme Panel > WPBakery CSS Stretch Sections & Rows.
  • There has been various small CSS adjustments across the theme for better consistency, so as always, if you made any custom CSS modifications it's a good idea to quickly revise them to ensure everything still looks good.
  • Added New Demo “Bryce” (already available for use).
  • Added New Demo “Amelia” (already available for use).
  • Added 3 New modern Header Styles have been added (Flex: Centered Menu, Flex: Left Menu, Flex: Right Menu).
  • Added New Centered Logo Mobile Menu Toggle Style (Left Hamburger, Centered Logo, Right Aside) for use with the new header styles (screenshot).
  • Added Custom CSS properties (css variables) have been introduced to greatly slim down CSS, make various customizer options more efficient and allow for greater/easier css customizations.
  • Added “Global Styles” section added to the Customizer.
  • Added Color Scheme tab added under new Global Styles Customizer tab to quickly alter the entire theme’s color scheme.
  • Added The theme Button, Contact Form, Alert, Divider Dots and Newsletter elements are now available in the Gutenberg editor (more to come).
  • Added The theme will now provide recommendations under Tools > Site Health (screenshot).
  • Added Contact Email field in the main Theme Panel to use with the theme’s contact form element.
  • Added New shortcodes “header_search_icon” and “header_cart_icon” which are mainly for use with the new header styles.
  • Added Buttons for quickly inserting items into the Top Bar content area so you don’t need to refer to the docs.
  • Added Quick links in the Customizer for accessing typography settings (screencast).
  • Added “Blob” border radius options (example).
  • Added “Title” Card style.
  • Added Theme Panel option “Theme Settings Metabox” which allows you to disable the Theme Settings metabox displayed on posts and pages. Note: This will only disable the “core” settings but will leave the post type settings (Media, Staff, Testimonials tabs)
  • Added Theme Panel option ” Card Settings Metabox” which allows you to disable the Card Settings metabox displayed on posts.
  • Added Theme Panel option “WPBakery CSS Stretch Sections & Rows” (enabled by default).
  • AddedTheme Panel option “Term Thumbnail Page Header” can be used to disable the functionality where the theme will grab the term thumbnail and use it as the page header background (enabled by default).
  • Added Theme panel option “Term Meta Options” can be used to disable the extra settings that show up on the category/term admin edit pages to slim things down if you don’t use those.
  • Added Customizer “Accent On Color” can be used to change the text color for any element that has an accent background.
  • Added Customizer options have been added so you can enable the “Dark Surface” for the Sidebar Mobile menu, Footer and Footer bottom areas. If you disable the option, these areas will match the default site design color scheme.
  • Added Customizer for choosing a Custom logo icon when using a text based logo.
  • Added Customizer options for comment styling (screenshot).
  • Added Customizer option to enable post author comment highlighting (screenshot).
  • Added Customizer option added that allows you to add a “gutter” to your pagination links (screencast).
  • Added Customizer options for Sensie LMS to define the layouts for the various frontend sections of the plugin.
  • Added Customizer option to set a custom header menu height for use with header styles one, two, three & four.
  • Added Customizer option to set a custom Sidebar mobile menu width and Gutter.
  • Added Customizer option to set the Sidebar mobile menu close icon position (left/right).
  • Added Customizer option under to set the Inner “Gutter” when using the boxed layout.
  • Added Customizer option “Disable Outline” added for removing the outline from header styles two, three and four.
  • Added Customizer option to enable “underline” for content links globally under Global Styles > Links tab with additional options specific for the Footer Widgets and Footer Bottom sections (since those sections by default will not take on the global underline).
  • Added Customizer option to disable the Page Title for WooCommerce Archives (categories/tags).
  • Added Customizer option to modify Footer heading colors (will target headings added inside text blocks or builder elements like icon boxes, post cards, etc).
  • Added Customizer option to set the height of the Fixed Top and Navbar mobile menu toggle styles.
  • Added Customizer option to set the font size for the Fixed Top and Navbar mobile menu toggle styles.
  • Added Customizer option to control the color of headings inside the Toggle Bar.
  • Added Customizer option to control the size of the site frame border.
  • Added Customizer option to control the author bio heading font size and the gap between the avatar and the content.
  • Added Customizer option to control the background and color of the cart icon bubble that displays the number of items in the cart.
  • Added Customizer tab for header menu megamenus with added options.
  • Added Customizer options to control the header menu dropdown link vertical and horizontal padding.
  • Added Customizer option to set a custom button hover border color.
  • Added Customizer option added to enable or disable the mobile menu hamburger icon animation (turns into an “x” when active).
  • Added Customizer option added to modify the default mobile menu hamburger icon width.
  • Added Customizer option added to enable rounded edges for the mobile menu hamburger icon.
  • Added Customizer option for adding a label next to your mobile menu hamburger icon and a field to adjust the label font size.
  • Added Customizer options added to adjust your active button colors (buttons become active when clicked on or when used in a filter or navigation bar menu).
  • Added Customizer option added named “Use Theme Styles” under the WPBakery tab which will allow you to use the Theme style as the default style for elements such as tabs, accordions, toggles and tours. This setting is disabled by default to provide backwards compatibility.
  • Added Customizer option added to add a “gutter” to the WooCommerce hover add to cart button which will add a padding around the button.
  • Added Customizer option added to control the top border color for the WooCommerce cart dropdown in the header.
  • Added Customizer option added to control the offset for the dropdown menu animation (default is 10px).
  • Added Text Transform option added to the Page Title & Post Meta elements
  • Added Gutter and Icon margin options to the Post Meta element.
  • Added Ability to select a card style for the Next and Previous builder element.
  • Added Estimated Read time option added to the Post Meta element.
  • Added Links to developer.mozilla documentation has been added for some page builder setting descriptions (like background position and background size) to make it easier to quickly learn about how to use those fields.
  • Added Object Position classes added to the CSS Framework.
  • Added “Standard” option added to the page header style choices when using the Post Types Unlimited plugin. This way if you have the page header disabled by default in the Customizer you can still enable the “default” style.
  • Added Breakpoint option added to the Post Cards element for use with left/right style cards to define the breakpoint at which they swap to a single column view.
  • Added The theme will now automatically remove the Gutenberg “global-styles-inline-css” and svg junk in WP 5.9 when the Classic editor is enabled or Gutenberg is disabled via WPBakery to prevent useless code from being added on the frontend.
  • Added Preset options have been added to the “Spacing” element which can be controlled globally.
  • Added New option added to the heading element to control the “badge” font size.
  • Added New option added to the Text Block element named “Apply Color To Everything?” allows you to control whether the custom text color should apply to all child elements (links, headings, etc) or just the plain text.
  • Added Alternative versions of the shopping cart, bag and basket icons.
  • Added BuddyPress Customizer tab with a few options for controlling the default plugin layouts.
  • Added New CSS file that loads in the Slider Revolution admin to to hide advertisements and other useless junk.
  • Updated Advanced functions have been introduced to turn the WPBakery stretched section/row functionality from a javascript based functionality to a CSS only functionality. This allows stretched rows to be visible as soon as the site is loaded, trim down scripts, prevent issues with dynamically added content inside stretched rows and prevent issues with stretched rows going behind the Vertical Header style. This is a big optimization and could potentially conflict with 3rd party WPBakery plugins, so please check if you are using any 3rd party plugins that alter how WPBakery works.
  • Updated The Vertical Header (Header 6) CSS is now loaded only if needed inside it’s own CSS file.
  • Updated Custom Term/Category settings now display inside a “Theme Settings” metabox (screenshot).
  • Updated The Google Analytics ID field now accepts multiple property ID’s.
  • Updated Checkboxes in the customizer now use a custom toggle design.
  • Updated Various Total WPBakery element settings to allow you to select from preset options or enter custom values (screencast).
  • Updated Various elements so they have a text-transform:none; CSS declaration by default to prevent issues with the new Customizer option that allows you to apply an underline to links (breadcrumbs links, heading links, entry title link, tagclould buttons, etc).
  • Updated Various Dynamic Elements (page title, post media, post terms, post comments etc) to display some sort of dummy content when using in the Templatera front-end editor so it’s easier to modify post templates.
  • Updated Various CSS are now more efficient and slimmer.
  • Updated The mobile hamburger icon element has been renamed from “wpex-bars” to “wpex-hamburger-icon” and re-styled for a smoother animation and new Customizer settings for adjusting the width, height of each bar and the space between each bar.
  • Updated Megamenus dropdown now use a modern CSS grid rather then percentage widths and floats which provides greater flexibility and slimmer code.
  • Updated List style cards now use object-fit for the thumbnail to prevent any white space issues.
  • Updated Color Palette and Term Colors styles now use CSS custom properties (css variables).
  • Updated CSS for fixed backgrounds has been updated to prevent issues on the iPad Pro and latest versions of iOS (fixed backgrounds will be set to background-attachment scroll at max-width 1080px since there is currently no way to properly test for the device and fixed backgrounds are broken on iOS as they get zoomed in or don’t render).
  • Updated Top bar Customizer social options now only show added items and allow for drag/drop sorting.
  • Updated Customizer fields that require pixel values will now display the “PX” unit inside the field (screenshot).
  • Updated Javascript in the Customizer when changing the site layout widths to re-trigger WPBakery stretched rows to prevent display issues when testing out different widths.
  • Updated Header menu hover/active underline will now display while hovering on drop-downs and when menu items are active using the onClick dropdown method.
  • Updated Search icon is now allowed in the mobile icons menu for the Fixed top mobile menu toggle style.
  • Updated The mobile icons menu for the Fixed to and Navbar style mobile menu toggles now has more spacing between the icons.
  • Updated Customizer Form styles will now apply to the custom select for consistency.
  • Updated Gravity forms success notice has been updated to match the theme success notice.
  • Updated Plus Hover Image Overlay has been updated to use an SVG instead of a background image.
  • Updated Customizer table styles will now target bbPress forum tables.
  • Updated BBPress warning notices now match the theme alert styles.
  • Updated Tablepress plugin tables will now take on Customizer table styling options.
  • Updated Sensei LMS integration has been improved with added Customizer options to control the layout of the various Sensei sections and CSS has been added to improve the general design.
  • Updated Total Image element Border Radius option now allows you to select from preset sizes or enter a custom value.
  • Updated The Auto Responsive “Min Font Size” field for the Heading, Text box and List Item elements has been updated so you can input your min and max font sizes so it’s easier to understand how the setting works.
  • Updated Customizer Typography tab icon has been updated so it’s more legible.
  • Updated The WooCommerce account new password strength indicator has an improved design.
  • Updated WooCommerce login registration page now uses a CSS grid so the login and register boxes are the same heights.
  • Updated WooCommerce order details billing and shipping address boxes now use a CSS grid so the items are always the same height.
  • Updated Load more button now matches the other buttons on your site for consistency.
  • Updated Header 2 search form & newsletter form elements will now adjust according to your font size rather than having fixed pixel dimensions.
  • Updated Events Calendar default-template now use newer V2 methods.
  • Updated The menu underline will now take on the link currentColor unless a custom color is specified which allows it to be more dynamic.
  • Updated Customizer header menu dropdown settings now has it’s own tab to keep things better organized and make it easier to locate settings.
  • Updated Theme Panel so disabled settings have an opacity so it’s easier to see what’s enabled and what’s not.
  • Updated Better styling integration with BuddyPress (nouveau) so things look nicer and work with the new Color Scheme function (there is a new Customizer setting you can use to disable the theme’s custom BuddyPress CSS).
  • Updated The height of WPBakery element edit box fields has increased from 30px to 34px.
  • Updated The Total WPBakery Element font size field has been updated to hide the responsive font sizes unless enabled.
  • Updated The “Offset Overlay Header” WPBakery row option has been optimized for the new Flex header styles so that it uses plain CSS instead of javascript.
  • Updated The default header menu dropdown style “Superfish” has been updated to use CSS for the hover animations instead of jQuery animate.
  • Updated The “Dropdown Animation” customizer option is now available for all dropdown methods (previously disabled for Superfish JS)
  • Updated The Customizer setting used to alter the header menu link left/right padding can now be used for all header styles.
  • Updated When using the Callback Function Name for an advanced query in a Total element such as the Post Cards or Post Types Grid you can now pass on the shortcode attributes to the function (sample usage).
  • Updated The Customizer Logo Top/Bottom padding option was not working correctly with the vertical header so it will no longer display when using a vertical header to prevent confusion.
  • Updated The Older “Center Row Content” option for WPBakery rows now supports the “Content Position” setting.
  • Updated Instagram social link backgrounds will now use the instagram gradient colors instead of a solid color.
  • Updated The Page Header Title border width field in the Customizer has been changed from a single field to multiple fields so you can set the top and bottom border widths independently so you don’t need custom CSS to create a design like the Bolt demo.
  • Updated The comment form author and email fields now stack on screens smaller than 640px.
  • Updated You can now assign an Image Hover style for your portfolio, staff and blog entries when selecting a custom card style via the Customizer.
  • Fixed Header menu was not showing custom hover colors on active menu items (was only working with current items that also had dropdowns).
  • Updated Vertical Header icon spacing so the search/cart icons are consistent with icons added to menu items.
  • Fixed Posts Page (main blog page) was not using the correct layout when changing the default page layout.
  • Fixed Blog 1 card style was not showing the comment count.
  • Fixed Incompatibility issue with the Complianz plugin and theme js.
  • Fixed Buttons Typography settings were not applying to the “added” to cart button when using the “Always Visible Add to Cart Button” Customizer option.
  • Fixed Issue with image sorting not working in WPBakery elements (like the Image Grid) caused by the last WP update. This is a temp fix in the theme that will be removed once WPBakery core is updated.
  • Fixed Custom forms label color in the Customizer was not affecting the sidebar mobile search field.
  • Fixed Content alignment inside stretched rows in the Boxed theme layout when setting a custom “Inner Column Gap” was overflowing.
  • Fixed Row alignment when used inside Stretched Sections in the Boxed theme layout was not correct.
  • Fixed Full-screen mobile menu styles were not being applied when using the mobile menu alternative Menu Location.
  • Fixed Accessibility issues with the skip-to-link button (removed role=”navigation”) and the mobile menu dropdown toggle arrows (added role=”button”).
  • Fixed Headings color in the Footer widgets when used in text blocks or Gutenberg widget blocks did not match other footer headings.
  • Fixed Design inconsistencies when using builder elements in the Footer via the WPBakery Template widget.
  • Fixed Border color option was not applying to pagination links.
  • Fixed Header Style Two and Three menus were not inheriting the body font weight.
  • Fixed Default hover menu styles were not being applied when using the new CSS dropdown style.
  • Fixed Megamenu Heading text color customizer option was not working with new CSS and onClick dropdown options.
  • Fixed Centered Header logo was not properly centered when displaying a text based logo.
  • Fixed Header menu underline when used with mega menus was overflowing.
  • Fixed Customizer header menu dropdown background was not changing the caret background.
  • Fixed The header menu “left-dropdowns” wasn’t working as expected in RTL mode.
  • Fixed Lists did not have any spacing or bullets when added inside comments.
  • Fixed Unique ID option was not working for the Categories/Terms grid element.
  • Fixed WooCommerce single product rating font size was using fixed pixels instead of em.
  • Fixed Contrast issues with various texts (comment date, comment reply link, shop results count, recent posts with thumbnail widget date, comments disabled text).
  • Fixed Customizer sidebar link color was affecting the Post with Thumbnails date text.
  • Fixed Default Gutenberg button block was not using the theme or custom button colors.
  • Fixed Certain elements were not taking on the Border Accent color such as the Toggle Group, mobile toggle menu, WooCommerce account tabs, WooCommerce notices and WooCommerce address boxes, bbPress stats widget, deprecated tabs and accordions.
  • Fixed WPBakery elements that allow multiple image selections could not be drag & dropped for re-ordering due to recent WP updates.
  • Fixed Entering 0 into the custom excerpt field when editing a category in the backend was not removing the excerpt as expected.
  • Fixed Category/Term page header was showing despite setting the global page header style in the customizer to “Hidden” if a thumbnail was defined.
  • Fixed Customizer link hover color was affecting certain elements like the Toggle bar button and some card style category tags.
  • Fixed Menu Background color option was showing up in the Customizer when selecting the Dev header style.
  • Fixed Newsletter builder element submit button would sometimes display the text in 2 lines in Firefox & Safari when using multiple words like “Sign Up”.
  • Fixed Gutenberg “Stripes” table had an extra gray background in the table header.
  • Fixed WooCommerce product gallery slider arrows not showing up on the front-end by default even though it was enabled by default in the Customizer.
  • Fixed The staff social links had a fixed font size in pixels so they were not changing size when modifying the body font size.
  • Fixed Plus icon missing when using a custom font for the WPBakery “Toggle element”.
  • Fixed The Breadcrumbs “Show only First Category” option was not working as expected.
  • Fixed Certain elements were not using the Border Accent color by default (dividers, alternative pricing styles, heading, etc)
  • Fixed Saving the Customizer Manager settings for the first time would remove all sections due to a core WP bug.
  • Fixed When using a custom post type named “product” without WooCommerce would break the post type archives.
  • Fixed Carousels FOC issues have been resolved.
  • Fixed Styling issues with plugins that insert extra content to the WooCommece single product add to cart form.
  • Fixed Styling issues when self hosted WP videos are loading.
  • Fixed Design issues with the spinning icon in the latest version of Contact Form 7.
  • Fixed The Image Banner element when set to “Featured Image” was not grabbing the taxonomy thumbnail when used in a dynamic template.
  • Fixed Percentage based font-sizes in Total builder elements were being converted to pixel units.
  • Fixed Sticky header ignoring the site frame border height when enabled so part of the header was being cut off.
  • Fixed The “Product” WPBakery element was not being displayed in a single column grid (aka full width).
  • Fixed You couldn’t click on links in the Image Slider element when adding an overlay.
  • Fixed When using header style 2 and a full width header there wasn’t any space being added to the menu so the menu wouldn’t line up correctly with the logo.
  • Fixed Issues with SVG images used for the Header logo not displaying.
  • Fixed Potential issues with content added inside the WooCommerce products grid being rendered as a grid item (fixes issues with 3rd party plugins like the WooCommerce Load More Products plugin).
  • Fixed The “Full-Width Columns On Tablets” row setting was only working on the live site and not the front-end WPBakery page builder.
  • Fixed The Testimonials company text color was failing the accessibility contrast checker.
  • Fixed Typography settings not affecting the WooCommerce “Leave a customer review” heading.
  • Fixed The Total Image element wasn’t showing the correct translated image when using WPML Media Translation.
  • Fixed The sidebar mobile menu was missing an aria-label attribute.
  • Fixed Toggle bar was going behind the vertical header when using a fixed vertical header and the toggle bar was set to display “inline”.
  • Fixed Video was overflowing when added as video background to a row with a border radius.
  • Fixed The white in the middle of the Before/After element was off-center by 2 pixels.
  • Fixed If the Newsletter element button text was saved as empty the submit button wouldn’t show, the theme now uses “Sign Up” as fallback text to ensure the button is always displayed.
  • Fixed The Row Typography setting was not changing the Heading element color.
  • Fixed When changing the Page Header Title text align it was working on the live site but the changes were not properly reflected in the Customizer.
  • Fixed The Accent color was being applied to menu links hover and active states when a custom menu link color was defined.
  • Fixed Custom CSS added to the 404 page template when displaying a custom 404 page was not being added to the page.
  • Removed Extra classes being added to the search-entry-inner class which should only be added to the search-entry element have been removed.
  • Removed Customizer Pointer background & border color options in the customizer have been removed as the theme will now calculate these automatically for you based on the dropdown background and border settings.
  • Removed Dark styling on custom select boxes added in Footer widgets has been removed to keep consistency with all form styling.
  • Removed The “images” top bar social style which was deprecated in 2019 has not been removed completely.
  • Removed Old CSS used to reset the dropdown class to prevent issues with Bootstrap which is no longer required for latest versions of Boostrap but more importantly you shouldn’t be loading the entire bootstrap CSS framework on a theme that already has it’s own CSS framework.
  • Removed Unused “wpex-site-overlay” element and CSS.
  • Removed Legacy CSS for old WPML language switcher.

Changes

  • Added - Custom CSS properties (css variables) and updated CSS throughout the theme to make use of these new variables instead of fixed values.
  • Added - "wpex-color-scheme-default" class to the HTML tag, this way in the future if we add color scheme switcher (aka light/dark mode) any customizer color settings will target this classname to prevent issues when switching schemes.
  • Added - "wpex-surface-dark" class which is now used to give the footer, fixed top mobile menu toggle dropdown and sidebar mobile menus their dark colors scheme to greatly slim down CSS and add more consistency across site elements. This class can be used anywhere (feel free to use it on a builder rows or Gutenberg).
  • Added - "wpex_has_flex_header" function and filter. If enabled it adds a new site-header-flex element around your header inner elements. This will be used for future header styles and can also be enabled for use with the "dev" header style.
  • Added - "wpex_hook_head_css" hook.
  • Added - "wpex_hamburger_icon" filter.
  • Added - "wpex_header_inner_class" function and filter.
  • Added - "wpex_header_logo_inner_class" function and filter.
  • Added - "wpex_header_aside_class" function and class.
  • Added - "wpex_vertical_header_position" filter.
  • Added - "woo_entry_card_style" if you want to define a card style to use for WooCommerce product entries.
  • Added - "vcex_newsletter_form_action_url" and "wpex_newsletter_widget_action_url" filters.
  • Added - "wpex_has_page_header" filter.
  • Added - "wpex_comments_class" function and filter.
  • Added - "wpex_show_comments" function and filter.
  • Added - "wpex_theme_color_palette" filter.
  • Added - "wpex_has_header_menu_dropdown_caret" filter.
  • Added - "wpex_header_menu_down_arrow_html" filer.
  • Added - "wpex_header_menu_side_arrow_html" filter.
  • Added - "wpex_vc_row_post_thumbnail_bg_id" filter.
  • Added - "wpex_header_logo_is_svg" filter.
  • Added - "vcex_image_translate_attachment" filter.
  • Added - "wpex_select_wrap_arrow_html" filter.
  • Added - "wpex_select_wrap_arrow_ticon" filter.
  • Added - "wpex-unset-all" utility class which can be used to reset all styling on an element.
  • Added - "wpex-unstyled-button" utility class which can be applied to any button element to remove default theme styling.
  • Added - "header-{style}-inner classname to the #site-header-inner element to allow for easier targeting and slimmer CSS.
  • Added - Default transition duration to all utility classes starting with "wpex-transition-".
  • Added - Custom css property "--wpex-vc-col-width" which returns the current width of a WPBakery column.
  • Updated - More elements to use utility classes instead of targeting the elements with custom CSS.
  • Updated - Various elements using the wpex-border-gray-200 class to use either wpex-border-surface-3 or wpex-border-main to support new Color Scheme function.
  • Updated - Changed utility color classes used in the theme to make use of new classes. For example wpex-border-gray-200 is now wpex-surface-3, wpex-text-gray-600 is now wpex-text-3, text-gray-900 is now text-1...etc. These changes are to support the new Color Scheme functionality and future light/dark mode switcher.
  • Updated - CSS to use calc() to make things more flexibile (such as the header 1 negative menu right position).
  • Updated - New classname "navbar-fixed-height" is used for header styles that have a fixed menu height (one, two, three, four).
  • Updated - CSS to remove type selectors where not needed to slim things down.
  • Updated - Elements that used the "wpex-bg-white" class to use "wpex-surface-1" class instead.
  • Updated - Header menu search and cart icon to use the "wpex_get_theme_icon_html" function for proper filtering.
  • Added - "wpex-select-arrow" wrapper to the theme's custom select element arrow and the classname "wpex-select-arrow__icon" to the ticon element (we have to start adding wrapper elements to ticons for future svg icon support).
  • Added - Focus-visible styles for the Total style tabs and accordions.
  • Added - "wpex-link-color" and "wpex-hover-link-color" utility classes.
  • Updated - Optimized CSS used for the header menu sub dropdown arrows.
  • Updated - Header menu sub dropdown arrows HTML so the icon is inside the "nav-arrow" span to slim down CSS and allows the icons to be swapped to svgs and added "nav-arrow__icon" classname to the ticon element for better targeting via child theme mods.
  • Updated - hr element styling to use the currentColor for the border color and applied an opacity - rather the using a fixed gray color so that it can adapt to the parent element color.
  • Updated - WooCommerce Product Gallery & Summary left/right layout to use mobile first CSS to slim down the CSS needed.
  • Updated - "wpex-no-underline" class to remove the !important attribute (it now targets the :link, :hover, :focus, :active and :visited selectors instead).
  • Updated - "wpex-hover-underline" class so it removes text-decoration by default so we don't have to use "wpex-no-underline wpex-hover-underline" instead we can just use "wpex-hover-underline".
  • Updated - Moved the "vcex_maybe_display_shortcode" conditional outside of the template parts so it's inside the shortcode->output method.
  • Updated - "mobile-toggle-nav" element to use utility classes for the background color and z-index.
  • Updated - Total Customizer live preview Javascript used for inline css so its not storing values to memory until the specific settings are changed.
  • Updated - Method used for the Top Bar full-width has been updated to be consistent with that of the full-width site header option.
  • Updated - Demo Importer demos list to use it's own CSS instead of the WP core theme-browser styles and fixed screenshot not filling up the whole container.
  • Updated - Header/Footer builder spinner icon that shows up when selecting a template to use an SVG instead of an image.
  • Updated - minute read and second read strings in the WPEX_Card class to use sprintf for better translation.
  • Updated - "wpex_get_theme_icon_html" function so the $extra_class gets added to the front of the class attribute before the ticon class.
  • Updated - pre tag to use currentColor for the left hand border color.
  • Updated - Header style 2 menu now targets the li.menu-item classname to be consistent with all other menu styles.
  • Updated - Sidebar menu widget to use an opacity to lighten the arrow instead of a custom color to make things easier in the future when adding a "dark mode" and keep design consistent.
  • Updated - Removed fixed line-height on the "lead" class.
  • Updated - Some WooCommerce CSS to make use of their newer classnames, for example targeting "woocommerce-Tabs-panel" instead of ".woocommerce-tabs .panel.
  • Updated - Icon Box icon uses the "wpex-text-1" class instead of "wpex-text-black" for the default icon color.
  • Updated - Changed page header and footer callout "wpex-bg-gray-100" utility class to "wpex-surface-2".
  • Updated - Changed page header and footer callout "wpex-text-gray-700" utility class to "wpex-text-2".
  • Updated - Changed page header "wpex-text-gray-900" class to "wpex-text-1".
  • Updated - Top bar social icons to pass through the wpex_theme_icon_html filter.
  • Updated - WooCommerce checkout spinner to use a data uri instead of linking to the svg to prevent an extra http request.
  • Updated - The "wpex-added-to-cart-notice" element to use theme CSS utility classes.
  • Updated - WooCommerce store notice to use an SVG for the close icon.
  • Updated - Divider Dots element to use the newer utility classes "wpex-rounded-full" instead of "wpex-round" and "wpex-text-center" instead of "textcenter".
  • Updated - wpex-row CSS so it uses --wpex-row-gap for the spacing between items which makes it easier to add custom gaps and slims down the CSS for default theme gaps.
  • Updated - Optimized the wpex-grid columns CSS.
  • Updated - Anywhere that had a 3px border radius to use the new "--wpex-rounded-xs" CSS variable making it easier to keep roundedness consistency across the site and tweak roundedness on specific elements.
  • Updated - Theme category term settings are no longer stored in the options table under category_{term-slug} but rather in the metadata table.
  • Updated - woocommerce.php file has been updated to use the "wpex_theme_do_location" to allow for overriding the shop pages via the wpex_{$location}_template_id filter.
  • Updated - CSS targeting the site header logo links to specifically target the logo only incase extra links are added via hooks or the link is removed from the logo.
  • Updated - CSS used for the shrink stick header has been optimized and various !important attributes removed to make child theme edits easier.
  • Updated - Fixed Top and Navbar mobile menu toggle styles CSS to use flex elements and height instead of line-height.
  • Updated - The superfish js function has been removed and replaced with a new wpexSuperfish function which is a modified version that allows for CSS hovers and trimmed down to remove any unneeded code.
  • Updated - The wpex-full-width class used for the full width top bar has been renamed to "top-bar-full-width".
  • Updated - The wpex-full-width class used for the full width header has been renamed to "header-full-width"
  • Updated - Header one position while using the boxed layout is now done with a right side margin instead of changing it's right position to prevent having to make CSS overrides.
  • Updated - Default heading line height switched to var(--wpex-leading-snug) - aka 1.375 (was 1.4) for consistency.
  • Updated - Testimonials grid and carousel elements make use of the Total partial template files (where possible) to follow the DRY principle.
  • Updated - The theme will use the hoverIntent script available in WP core now instead of loading it's own file.
  • Updated - The Toggle and Full Screen style mobile menus used to be inserted to the page purely with javascript but are now added using PHP to optimize front-end rendering and slim down code.
  • Removed - The "wpex_woocommerce_before_add_to_cart_button_open_flex_wrap" function no longer hooks into WooCommerce for inserting the flex wrapper around the product quantity buttons and add to cart buttons but instead the theme modifies the add-to-cart template files, this is to prevent any possible conflicts with 3rd party plugins since there aren't better hooks to use.
  • Removed - Not needed padding: 0 !important; targeting the #site-header element.
  • Removed - Not needed ticon font-family applied to mobile menu sub-item dashes (::before element) causing them to render incorrectly (issue really visible when adding font weights to your mobile menu links).
  • Removed - No longer needed CSS to target full-width and full-screen layouts due to the introduction of CSS variables. If you were manually targeting the .content-area
  • Removed - Not needed wpex-clr class added to the site-logo, header-aside, footer-builder, mobile-menu-search, outer-wrap and other elements. Removing the clearfix class allows for easier flex styling via custom CSS.
  • Removed - "comment-avatars-disabled" body class to prevent extra checks when not needed and slim down comments CSS. There is now a "show-avatars" class added to the #comments element if needed (consistent with twenty 21 theme).
  • Removed - Old deprecated CSS for jetpack subscribe to comments fields.
  • Removed - Images under assets/images that are no longer used in the theme CSS.
  • Removed - Accent_Colors and Border_Colors classes as they are no longer needed with the new --wpex-accent custom CSS property.
  • Removed - No longer needed filters: wpex_border_color_elements, wpex_accent_texts, wpex_accent_backgrounds, wpex_accent_borders, wpex_accent_hover_backgrounds, wpex_accent_hover_texts
  • Removed - IE11 browser prefixes for display: flex, display: grid and grid-template-columns
  • Removed - Custom padding added to the ".searchform input" element so that it's consistent with all other site inputs.
  • Removed - Legacy "overlay-parent" classname from the Image Banner element which could also cause some conflicts.
  • Removed - Deprecated supersubs script which isn't being used by the theme.
Back To Top