Default html tag for the Heading Element
// Change the default heading tag for the Total Heading Builder Module add_filter( 'vcex_heading_default_tag', function() { return 'h2'; // options: span, div, h2, h3, h4, h5, h6 } );
Default html tag for the Heading Element
Hide Header on Mobile via PHP
The following snippet can be used to hide the main header on mobile devices.
Center Self-Hosted Row Video Background
body .wpex-video-bg { left: 50%; top: 50%; transform: translate(-50%, -50%); }
Enable Keyboard Navigation for the Image Slider Element
add_filter( 'vcex_image_flexslider_data_attributes', function ( $data_attrs, $atts ) { $data_attrs[] = 'data-keyboard="true"'; return $data_attrs; }, 10, 2 );
Center Header Menu Dropdown & Pointer (Caret)
#site-navigation .sf-menu ul.sub-menu { width: 140px; left: 50%; margin-left: -70px; } #site-navigation-wrap.wpex-dropdowns-caret .dropdown-menu ul.sub-menu::before { left: 50%; margin-left: -7px; } #site-navigation-wrap.wpex-dropdowns-caret .dropdown-menu ul.sub-menu::after { left: 50%; margin-left: -6px; }
Add Rel Nofollow To Top Bar Social Links
add_filter( 'totaltheme/topbar/social/link_attributes', function( $attrs ) { $attrs['rel'] = 'nofollow'; return $attrs; } );
Bottom Position For Post Types Grid Buttons
.vcex-post-type-entry-details { position: relative; padding-bottom: 75px; } .vcex-post-type-entry-readmore-wrap { position: absolute; bottom: 20px; } .vcex-post-type-entry-readmore-wrap .theme-button { height: 35px; line-height: 35px; padding-top: 0; padding-bottom: 0; }
Custom Fixed Bottom Mobile Menu
An example of how you could insert a custom mobile menu that is fixed at the bottom of your site. Now, in order for this to work you still need to have the default mobile menu style enabled for your…
Custom Load More Settings
Here is an example on how to change the load more settings for any Total WPBakery module with load more functionality. Simply change "vcex_testimonials_grid" to the module you are using (ask if you aren't sure the correct name - it's…
Open Accordion When Clicking Menu Link
The following script will allow you to open any accordion tab when clicking on a menu item simply by using the "open-accordion" classname on the menu item. Your menu item link should have the format "site.com/#accordion-ID" for it to work…