Total WordPress Theme Code Snippets 474
Total is a very modular theme making it easy to tweak and customize to your liking. Below you will find various snippets that you can use to make adjustments to the theme. While some of these could be added as a new option to the Customizer I have decided against it because it just adds more bulk and slows things down. Sometimes using a snippet is best. Make sure you are using a child theme for all PHP edits. For CSS edits you can use the Custom CSS panel or your child theme, either one is fine.
Core
- php Custom Metaviewport Tag
- php Altering Layouts (Full Screen, No Sidebar, Left Sidebar, Right Sidebar)
- php Remove Recommended Plugins Notice
- php Add/Remove Image Sizes
- php Allow Skype Links In The Theme
- php Alter The Default Excerpt Arguments
- php Remove Recommended Plugins
- css Remove/Hide The Edit Page/Post Links
- php Conditionally Show/Hide The Footer Callout
- php Alter Any Post Type Archive To Display Like the Blog
- php Remove Theme Meta Generator
- php How To Properly Alter The WPEX_Theme_Setup Class (functions.php)
- php Alter Archive Entry Readmore Button Style
- css Automatically Add Space Under Header For Pages Without A Title
- css Hide Scroll To Top Button On Mobile
- css Alter the Boxed Layout Inner Padding
- php Move Header & Footer Outside of the “Boxed” Layout
- php Alter The ‘This Post Has X Comments’ Heading
- php Add More Column Choices To Grid Modules
- php Add Typography Options For Blog Content
- php Custom Post Gallery Loop
- php Conditionally Alter The Callout Content
- php Custom Excerpt Output
- php Alter Any Theme Template Part via Callable Function or Custom File
Toggle Bar
Top Bar
- php Move Top Bar Outside The Header
- php Conditionally Enable/Disable The “Topbar”
- php Move Topbar Under Main Header
- php Topbar Custom Image Icons
- php Move Topbar Inside Header Wrapper (useful to add it inside the header Overlay)
- php Custom Topbar Social Link for Another Language (WPML)
- php Add New Top Bar Social Options
- php Conditionally Alter Topbar Content
Header
- php Move Aside Content On Top Of Logo For Header Three
- php Add Secondary Custom Menu Under Header
- php Conditionally Disable Fixed Header/Menu
- css Display Header Aside On Mobile Devices
- php Correct Way Of Adding Extra Content To Header
- php Alter The Sticky Shrink Header Height
- php Replace Site Header With Visual Composer or Other Page Content
- php Shift The Header Five (Centered Logo) Logo
- css Center Navigation On Boxed Layout With Header Style 2 or 3
- php Move Header To Site Footer
- php Conditionally Enable/Disable Overlay Header
- php Remove The Header Logo
- php Remove The Superfish Dropdown Script From Header Menu
- php Alter The Fixed Header Logo Dynamically
- css Remove Sticky/Fixed Header Dropshadow
- php Add Subheading Under Logo
- css Change Vertical Header Style 6 Width
- css Center Menu Links in Header Style Two
- php Purely CSS Fixed Header Style One
- php Override Header Menu Search Style
- php Remove Title From Page Header & Leave Breadcrumbs Only
- css Custom Sidebar Header Width
- php Header Background Image
- php Use Header Style Two, Three or Four for Header Overlay
- php Site-Wide Overlay Header Style and Page Header Background Image
- php Automatically Add Content Under All Pages With Overlay Header Enabled
- css Add Background Image to Site Header
- php Overlay Header Search Menu Style
- php Add Custom Widget Area to Bottom of Sidebar Mobile Menu
- php Sticky Header on Scroll Up
Logo
- php Custom Logo URL/Link
- php Custom Logo Image
- php Alter The Logo Alt & Title Attribute
- css Center Logo For Mobile Devices
- php Shift The Header Five (Centered Logo) Logo
- php Custom Logo For Mobile Devices
- php Remove The Header Logo
- php Remove http/https Protocol From Logo Image SRC
- php Add Subheading Under Logo
- php Custom Logo Per Language
- php Use Overlay Header Logo for Sticky Logo
Menu
- php Alter The “bars” (hamburger icon) In The Mobile Menu Toggle Link
- php Fixed Header Instead of Menu For Header Style Two, Three and 4
- css Open Main Menu Dropdowns To The Left
- css Alter Header Style Two Menu Height
- php How to Display Custom Menus Based on the Current Page
- php Disable the Total Theme Menu & Mobile Menu
- css Display Mobile Menu Always & Hide Default Menu
- php Conditionally Disable Fixed Header/Menu
- php How to Change The Main Menu Location Conditionally
- php Display A Global Menu For Your Multi-Site Network
- php Tweaking The Main Menu SuperFish Dropdowns
- css Float Main Menu Next To Logo
- css Full-Height Header One Menu
- css Place Mobile Toggle Menu Under Logo
- php Hide Menu Search When Using Custom Menus
- php Remove The Superfish Dropdown Script From Header Menu
- php Display Menu Descriptions in Main Menu
- php Remove ‘current-menu-parent’ Class from WordPress Menu
- css Add Border Animation Hover on Header One Menu Links
- php Display Menu Search Dropdown on Hover
- php Add A Login/Logout Button To Main Menu
- css Active Menu Item When Viewing Portfolio Posts
- php Add current-menu-item class to main portfolio, staff, testimonial pages
- php Overlay Header Search Menu Style
- css Display Dropdowns in Sidebar Mobile Menu & Hide The Toggle
- php Disable the Total Mobile Menu but still hide the default menu on small devices
- css How to Add Border “Dividers” Between Menu Items in Header Style Three
- php Disable the header style one megamenu full-width script
Page Title
- php Alter Main Page Title
- php Alter Page Subheading
- php Alter The Page Header Style
- php Display Page Title Above Content
- php Disable Page Header Title on ALL Pages
- php Use Featured Image For Page Header Background
- php Alter Page Header Title String, HTML Tag & Schema
- css Automatically Add Space Under Header For Pages Without A Title
- php Set A Background Image For The Page Title On All Pages/Posts
- php Remove Title From Page Header Area
- php Conditionally Disable Main Page Header Title
- php Add Custom HTML/PHP inside Page Header Title
- css Page Header with Background – Background Position
- php Boxed Main Page Header
- php Replace Page Header Subheading with Post Date
Breadcrumbs
- php Remove “Cart” from breadcrumbs
- php Remove Page Title From Breadcrumbs
- php Remove “Shop” From The Breadcrumbs
- php Remove/Hide Categories From Breadcrumbs
- php Disable Yoast SEO Breadcrumbs Support
- css Display Breadcrumbs on Page Header with Background
- php Alter Home Link In Breadcrumbs
- php Remove Portfolio Categories From Breadcrumbs
- php Adding New Items To The Total Breadcrumbs Trail
- php Replace Breadcrumbs with NavXT Breadcrumbs
- php Custom Breadcrumbs Arguments
- php Alter Breadcrumbs End Title
- php Move Breadcrumbs Trail
- php Auto Locate Post Type Parent Page for Breadcrumbs
- php Add Breadcrumbs Under Header when Page Title is Disabled
- css Display Breadcrumbs on Small Mobile Devices
Footer
- css Center Bottom Footer Links
- php Move Footer Outside of Boxed Layout
- css Add Background Image to Footer Widgets
- php Conditionally Show/Hide Footer Widgets
- php Different Footer Widget Columns on Mobile
Customizer
- php Add/Remove Typography Options
- php Remove all Google Fonts from the typography settings panel
- php Add Custom Font To The Customizer
- php Remove All Customizer Google Font Options
- php Add Custom Setting to Total Customizer Tabs
- php Remove Additional CSS Tab from Customizer
Fonts & Typography
- php Add Custom Font To TinyMCE Editor
- php Add New Google Fonts To The Typography Font List and Total VC Modules
- php Add Fonts to The Total VC “Heading” Module
- php Disable All Google Services (Fonts)
- php Adding New Google Font Options To The TinyMCE Editor
- php Custom Google Font Lists
- php Define Google Font Weights To Be Enqueued
- php Remove all Google Fonts from the typography settings panel
- php Add Custom Font To The Customizer
- php Remove All Customizer Google Font Options
- php Add Custom Font Family To Icon Box
- php Add New “Standard” Font Options
- php Remove Standard Font Options
Post Meta
- php Adding/Removing Page Settings Metabox From Post Types
- php Adding/Removing Fields & Tabs In Page Settings Metabox
- php Include or Exclude Gallery Metabox from Post Types
- php Set Default Values for Post Metabox Settings
- php Display only Media Post Meta Tab for Non-Admins
- php Disable Page Settings Metabox Completely
Sliders
Lightbox
- php Automatically Add Lightbox To Images In Blog Posts
- php Load Lightbox Skin Site-Wide
- php Change Lightbox Gallery To Vertical Scroll
- php Add Parameters to all Youtube Lightbox Videos
- php Add Custom Parameters to Youtube Video oEmbeds
- php Lightbox Auto Slideshow
- php Add Custom Params to Lightbox Videos
Translations
- php Add Language Files In Child Theme
- php Show Different Sliders For Polylang
- php Change Front-End Site Language Without Changing Admin Language
Search
- php Display Search Results Like Your Blog
- php Customize Your Search Placeholder Text
- css Display Search Icon For Header Style 2
- php Remove Search Results Sidebar
- php Custom Search Results Thumbnail Cropping
- php Alter “You searched for…” Subheading On Search Results
- php Limit Search Results to Standard (Blog) Posts only
- php Alter Search Results Page Header Title (Search results for….)
Blog
- php Custom Blog Style
- php Add New “Blocks” To The Blog Entry Layout
- php Add New “Blocks” To The Blog Post Layout
- php Display Video/Audio Embeds For Related Blog Items
- php Display Author Bio On Author Archive
- php Expand The “Full-Width Media” For Blog Posts Across The Whole Screen
- php Display Blog Post Featured Image Full-Width For All Posts
- php Display Blog Post Featured Image As Page Header Background
- php Display Read-More Button For Blog Posts With The Read-More Tag Only
- php Hide Footer Callout For All Blog Archives & Posts
- php Alter Blog Entry Elements(blocks) For Specific Categories/Tags
- css Center Blog Entry Content
- php Alter Archive Entry Readmore Button Style
- php Change The Blog Related Query Arguments
- php Alter Author Bio URL
- php Add Custom Post Types To Your “Posts Page” (Blog)
- php Change Related Blog Posts To Be Based on Tags
- php Create A Next/Previous “Block” For Single Posts Builder
- php Alter The Readmore Button Text
- php Display Audio Embed On Blog Entry
- php Conditionally Show/Hide Blog Post Meta (date, comments, author, etc) Sections
- php Display Full Featured Image At The Top of Posts
- php Disable More Tag For Blog Entries
- php Display “Secondary” Image For Blog Entry Thumbnail
- php How to Add “More” Link Inline for Blog Entries
- php Disable Page Header for Blog Posts
- php Alter Single Post “Blocks” for Posts in Specific Category
- php Conditionally Enable or Disable Single Blog “Sections/Blocks”
- php Custom Blog Post Blocks/Sections & Ouput
- php Alter The Blog Entry & Post Gallery Slider Settings
- php Related Blog Posts From Current Post 1st Category Only
- php Add New Blog Entry/Post Meta Item
- php Custom Blog Entry Blocks/Sections & Ouput
- php Insert Blog Meta into Page Header
- php Add A Last Updated On Section to Blog Posts
- php Add a Fallback Featured Image for Blog Posts
- php Use Yoast SEO Primary Category For Related Blog Posts
- php Blog Grid Entry Custom Responsive Columns
Post Series
- php Change Post Series Archive Layout
- php Change Post Series Archive Entry Style
- php Change Post Series Order
- php Enable Post Series For Custom Post Type
Pages
- php Automatically Display Featured Image At The Top Of Pages
- php Disable Page Header Title on ALL Pages
Portfolio
- css Hide Related Portfolio Heading
- css Hide Related Portfolio Item Excerpt (CSS)
- php Disable Related Portfolio Item Excerpt (PHP)
- php Tweak The Visual Composer Total Grid Filter Links Arguments
- php Add Portfolio Category To Single Portfolio Post Slug
- php Add Meta Option To Portfolio Posts For Disabling Auto Media
- php Add New “Blocks” To The Portfolio Post Layout
- php Alter The Portfolio Related Posts Heading
- php Change Related Portfolio Query Arguments
- php Portfolio Category Description Above Loop
- php Disable The “Page Header” For Portfolio Items
- php Open all portfolio entry links in a blank tab
- php Alter The Related Portfolio Entry Thumbnail Size
- php Alter and/or Add Classes To The Portfolio Archives Grid
- php Disable Portfolio Related Columns Responsiveness
- php Remove Portfolio Category and Tag Descriptions
- php Show Related Portfolio Items By Date Not Random
- php Open Portfolio Items With Custom Links in Portfolio Grid in New Tab
- php Conditionally Alter Portfolio Post Grid Links
- php Change Portfolio Grid VC Module To Use Tags for “Show Categories” setting
- php Change Portfolio Grid Filter To Use Tags Instead
- php Enable Lightbox Title for Portfolio Media Gallery
- css Active Menu Item When Viewing Portfolio Posts
Staff
- php Add new staff social profiles
- php Snippets: Add New “Blocks” To The Staff Post Layout
- php Staff Category Description Above Loop
- php Enable HTML For Staff Position
- php Order Related Staff by Name
- php Adding a First & Last Name Field for Staff Members
- php Remove Staff Social Options
- php Add Xing to Staff Social Profiles
- php Remove Staff Meta Settings & Image Gallery
Testimonials
- php Display Testimonial Post Title On Single Testimonials Page Header
- php Add A Single Testimonial Shortcode
- php Display Read More link for Testimonials with Custom Excerpts
Custom Post Types
- php Enable the “Media” Post Settings For Custom Post Types
- php Alter Meta Sections (date, comments, author, etc) For Custom Post Types
- php Enable Social Sharing On Custom Post Types
- php Add Overlay To Custom Post Type Entry
- php Add/Remove “Blocks” (Sections) From Custom Post Type Posts
- php Add/Remove “Blocks” (Sections) From Custom Post Type Entries
- php Custom Post Type Post Thumbnail Arguments (size, alt, schema, style, etc)
- php Enable The Image Gallery For Custom Post Types
- php Easy Custom Post Type Entry Override
- php Related Items for Custom Post Type
- php Define Your Dynamic Post Template via Code
Mobile
- php Alter The “bars” (hamburger icon) In The Mobile Menu Toggle Link
- php Disable The Mobile Sidebar Displace Animation
- css Center Mobile Menu
- php Move Sidebar Above Content On Mobile
- css Display Mobile Menu Always & Hide Default Menu
- css Hide Sidebar Mobile Menu Searchbar
- php Add/Remove Elements From The Sidebar Mobile Menu
- css Display Mobile Menu Icons Always
- php Conditionally Select Mobile Menu Style
- php Custom Logo For Mobile Devices
- php Move Sidebar Mobile Menu to Top
- php Conditionally Disable Responsiveness
- css Display Sidebar Mobile Megamenu as 1 list
- php Add Custom Widget Area to Bottom of Sidebar Mobile Menu
- css Change Sidebar Mobile Menu Dropdown Arrows to Plus Icon
- css Display Dropdowns in Sidebar Mobile Menu & Hide The Toggle
- php Disable the Total Mobile Menu but still hide the default menu on small devices
- php Switch Mobile Toggle Menu back to a Font Icon
- css Change Mobile Menu Hamburger Icon Size
WPBakery Page Builder
- css Disable Tabs And Show All Content On Mobile For VC Tours
- css Alter The Width Of The VC Tour Module Tabs & Content
- php Re-add Visual Composer Welcome/About Screen
- php Disable Visual Composer Front-End Editor
- php Switch Visual Composer Front End Editor HTTPS Protocol
- php Hide Visual Composer Settings From Specific Users
- css Keep Visual Composer Tabs as “Tabs” on Mobile
- php Add Fonts to The Total VC “Heading” Module
- php Alter The Milestone VC Module Decimal Format
- php Alter The Default Title Tag For Total Grid VC Modules
- php Tweak Any Total Grid Query Arguments
- php Enable Default Visual Composer Templates
- php Alter Visual Composer Recent News Module Day & Month/Year Outputs
- php Reset Equal Heights On Mobile
- php Remove Deprecated Notice Above Deprecated Visual Composer Tabs
- php Add Custom Font Family To Icon Box
- php Decode Visual Composer Toggle Title HTML
- css Change Visual Composer Post Grid PreLoader Color
- css “Hide” Visual Composer Stretch Rows Until Site is Loaded
- php Remove Callout Deprecated Notice
- php Enable Tabindex for Visual Composer FAQ Toggle Modules
- css Disable VC parallax on small screens (mobile devices) via CSS
- php Allow Portfolio Grid Sort by Date
- php Close VC Tabs First Active Tab on Mobile Devices
- css Remove VC Tabs Animation
- php Remove “Edit with Visual Composer” from WordPress Admin Bar
- php Add New Options to VC Social Links Module
- php Disable Visual Composer Front-End Editor for Specific Post Type
- php Add Unique Classnames To Each VC Tabs Tab
- php Tweak Post Types Grid Total VC Module Output
- php Remove Visual Composer noscript header tag
- php Remove Visual Composer Post Grid Blue Fallback Featured Image
- css Disable Visual Composer Animations on Paginated Pages
- php Show/Hide Row on Click
- php Add Extra Content to Total Grid Modules
WooCommerce
- php Change WooCommerce “Out Of Stock” Text
- php Alter WooCommerce Menu Cart Icon HTML
- php Alter WooCommerce Placeholder Image HTML
- css Hide WooCommerce Product “Add To Cart” Button
- css WooCommerce Category Entry Overlay Title
- html WooCommerce Add To Cart Link
- php Add Videos To WooCommerce Products
- php Remove “Cart” from breadcrumbs
- php Alter The WooCommerce Single Product Add To Cart Text
- php Change The WooCommerce Onsale Text
- php Display Slider For WooCommerce Products With Variations
- php Remove “Shop” From The Breadcrumbs
- php Move Social Share On WooCommerce Products
- php Display Related WooCommerce Items In Random Order
- php Display WooCommerce Category Description Above Loop
- css Hide WooCommerce Cross-Sells
- php Display Slider on WooCommerce Variations Instead of Lightbox
- php Use Lightbox For WooCommerce Products Instead of Slider
- php Remove All Core WooCommerce CSS
- css Alter The Widths For The WooCommerce Product Media/Content
- php Move WooCommerce Product Variations and Cart Button To Sidebar
- php Remove All WooCommerce Prices
- php Alter the WooCommerce Product Slider Thumbnail Sizes (deprecated)
- php Replace WooCommerce Product Entry Link With Affiliate Link
- php Display WooCommerce Category Thumbnail as Page Header Background
- css Hide Menu Cart When Empty
- php Remove WooCommerce Upsells
- php Remove Titles From WooCommerce Product Entry
- php Alter WooCommerce Single Product Page Header Title
- php Alter WooCommerce Menu Shop Icon HTML
- php Custom columns for specific WooCommerce category
- php Polylang Support for WooCommerce Buttons
- php Alter WooCommerce Order Received Title
- php Custom WooCommerce Cart Link With Overlay for Top Bar
- php Enable WooCommerceProduct Gallery Arrows
- php Conditionally Alter Menu Shop Icon “Style” (dropdown, overlay, shop, custom link…)
- css Display Shopping Cart Icon on Mobile
- php Change WooCommerce Product Entry Mobile Columns
- php Display Product Category under Title for WooCommerce Products
- php Custom Sidebar for Woo Product Categories Only
- php Change WooCommerce Product Category Mobile Columns
- php How to Change WooCommerce “Select Options” Text
- css Display WooCommerce Checkout in Single Column
- php WooCommerce Click to Toggle Review Form
- php Add Product B to WooCommerce Cart When Adding Product A
- php Change Price for WooCommerce Out of Stock Products
The Events Calendar
- php Exclude Events From Search Results
- php Altering The Event Calendar Page Layouts
- php Disable the Tribe Events Calendar Plugin Post Image
- php Add Social Sharing On The Events Calendar Plugin Events
- php Display Past Events in Total VC Modules for the Events Calendar Plugin
Design Tweaks
Responsive
- css Move Mobile Menu Under Logo
- css Place Mobile Toggle Menu Under Logo
- php Close VC Tabs First Active Tab on Mobile Devices
- css Disable CSS Animations on Mobile
- css Display Self-hosted Video Backgrounds for Mobile Devices
Featured Images
Next & Previous Post Links
- php Next/Previous Links NOT From Same Category
- php Move Next/Previous Links To The Top Of Posts
- php Disable Next & Previous Post Links
- php Reverse Next/Previous Post Links
Sidebar & Widgets
- css Center Font Awesome Social Widget Icons
- php Create Unique Sidebar Template Files
- php Add New Social Options To The FontAwesome Social Widget
- php Removing All Custom Widgets
- php Alter The Main Sidebar Display
- php How to Override Custom Widgets
- php Display Custom Sidebar For Specific Page & Child Pages
- css Display Site Labels on Total Social Widget
- php Register A New Custom Sidebar
SEO
Social Share
- php Move Social Share On WooCommerce Products
- php Add Query Argument To Social Share Links
- php Replace Total Social Share With Shortcode
- php Create a Shortcode for the Total Social Share
- php Add Social Share To Archives
- php How to Add New Social Share Options
Optimizations
- php How To Remove Script Version Numbers
- php Remove theme_mods set to their default value
- php Custom Google Font Lists
- php Add Version Number to Child Theme to Prevent Browser Cache
Advertisements
Videos
Extensions
LearnDash Plugin
3rd Party Compatibility
User Access
Development
- php Adding Your Own Accent Elements
- php Create a shortcode That Returns Post Meta (Custom Fields)
- php Set Default Customizer Settings Via Child Theme
- php Hide Visual Composer Settings From Specific Users
- php Add Custom Button Styles
- php Alter Any Theme Template Part via Callable Function or Custom File
- php Hide Blog Date & Add Page Setting to Conditionally Enable It
- php Insert Template Content via Theme Hooks
- php Basic Page Template Code
- php Alter Editor Shortcodes Insert Button Default Value
- php Get & Display Term Thumbnail
- php ScrollTo and Open VC Toggle/FAQ
- php Make All Multi-site Sites use the Main Site Customizer Settings & Custom CSS
- php Add a New Built-In Button Color Option
- php Sticky Header on Scroll Up
- php Use Total Child theme without loading child style.css
- php Trigger Stretched Rows Inside WPBakery Page Builder Tabs
- php Exclude Terms from Categories Meta
Other
- php Disable WordPress SEO by Yoast Page Analysis
- php Re-Order Social Sharing Sites
- css Change The Theme Heading Border Color
- php Better RSS Feeds (Removes Shortcodes & Displays Thumbnail)
- php Add “nocookie” To WordPress oEmbeded Youtube Videos
- css Alter The Image Width In The 1 Column Left Image & Right Content Grid
- css Remove Text On Post Social Share Icons
- php TagCloud With Different Font Sizes
- php Disable URL Hash Update For Local Scroll Links
- css Make Page Content Background Transparent for Boxed Layout
- php Multi-Post Thumbnails Plugin Usage Example
- php Add Custom Button Styles
- php Reset Equal Heights On Mobile
- php Redirect Users After Failed Login Attemp
- html Sample Total Grid With HTML
- php Add Version Number To Your Child Theme Script Query Parameter
- php Add New Formats Under the Total Styles in the Text Editor
- php Visual Composer Pageable Container jwplayer Not Working Fix
- css How To Display Overlays On Mobile Under The Image
- php Alter Default Numbered Pagination Settings
- css Custom Background Color For Main Content
- php Alter The Next/Previous Links Text
- html Custom Togglebar Toggle Link for Main Menu
- php Restrict WordPress Content To Logged In Users Only
- php Alter the WordPress Comments Submit Button Text
- php Add new classes for the theme’s custom select styles
- php Add Custom Shortcode to the Total Shortcodes Editor Dropdown Button
- php Remove Extra User Options (social settings and staff relationship)
- php Allow SVG Uploads in WordPress
- php Simple Custom Shortcode for Displaying Posts
- php Disable All Image Overlays on Mobile
- css Display Stretch & Full-Height Rows on Site Render
- php Simple Site Pre-loader
- php ScrollTo and Open VC Toggle/FAQ
- php Fallback Post Thumbnail (Featured Image)
- php Override All Search Forms with Google Search
- php Open Entries with Redirection in a New Tab
- php Trim Custom Excerpts
- php Add New User Social Settings for Users (authors)
- php Remove WordPress Meta Generator Tag
- php Enable URL Hash Update For Local Scroll Links
- php Use Qihoo 360 Mirror for Google Fonts in China
- php Change Sidebar Widget menu to add click on arrow instead of link