Customizr code snippets

By default, the latest posts list on the front page gets displayed in reverse chronological order and that is what […]

If you want to change the titles of daily,monthly or yearly archives, add this to your child theme’s functions.php and […]

If you want to have the post metas of your single posts displayed before the title and not after the […]

  Note about translations : before you start coding anything, note that the “Search” string in the search forms is […]

In the alternate thumbnails layout, the default display shows the excerpt with a […] at the end. The thumbnail and […]

If you want the tagline to be replaced with a button similar to the demo site, all you have to […]

The slider of the Customizr theme is used to attract attention to certain important posts. What if you want to […]

The Hamburger Menu or the 3-bar Menu of the Customizr theme has the default label ‘Menu’ next to it. To […]

Following up the popularity of this Customizr snippet Adding a custom social profile link with icon in the header from […]

To use Dashicons (the default set used in the WP backend) we need to enable them also for the front-end […]

As you surely know you can display the featured image in single post contexts, with the option located at Appearance […]

By default Customizr(-Pro) displays the Category/Tag description after the title. You might want to display it in a different place. […]

Note: This snippet applies to Customizr(free) v3.4.9 (and above) and Customizr-Pro v1.2.6 (and above) When using the “Randomize the skin” […]

Here’s a simple snippet in order to display the vertical menu only in mobiles, keeping the regular one in desktop […]

This text can be altered with a WordPress filter hook comment_form_defaults In the following code, simply replace Custom leave a […]

The sticky header is a cool feature we all love :). Though we might find it useful just in desktop […]

Updated February 24, 2016: Added the option to output either some text or a Font Awesome icon. In case you […]

Last Reviewed: 27-Aug-15 (3.4.8) 3.4.* There is a lot of debate on the value of the 3-bar Hamburger Menu on […]

Last Reviewed: 24-Aug-15 (3.4.6) 3.3-3.4.* A common request on the Support Forum is for information on how to change the […]

Last Reviewed: 12-May-15 (3.3.23) 3.3.* If you need to move Header Block Items, 3.3.* release created more options for doing […]

WordPress offers the possibility to have comments in pages. But in most cases, comments shall rather be used on posts […]

Compatible with Customizr-Pro Hi, wouldn’t be cool displaying a different slider on the front page, depending on the season? That’s […]

Updated Sep 2015: This snippet now works only with Customizr 3.4.* and Customizr-Pro 1.2.* Updated June 2015: This snippet now […]

If you want your featured pages titles be a link to the featured pages, this snippet is what you need. […]

Last Reviewed: 30-Mar-15 (3.3.13) 3.1.* 3.2.* 3.3.* The new Sticky Header in 3.2 may need some adjustments. Where to copy/paste […]

There are several ways to override the default comments view of the Customizr WordPress theme.   1) Overriding the comments.php template […]

Before the v3.2.3 release, here’s a quick fix for the left sidebar bug and the sidebar menu issue. Paste the following […]

Updated August 2015: Added an option to automatically loop youtube videos (default true) and code updated to work with Customizr-Pro […]

In this simple example, I ‘ll show you how to widgetized the home page of the Customizr theme by placing a […]

WordPress offers built-in functions to display the previous and next post link.   next_post_link( $format, $link, $in_same_term = false, $excluded_terms […]

Warning: call_user_func_array() expects parameter 1 to be a valid callback This is a recurring error when dealing with actions/filter in […]

Let’s say you have created a slider named “my-slider” and you want to display it in your 404 page or […]

Hi, This short snippet allows you to replace the featured page image background by an embedded video. It uses the […]

 The Customizr Hooks API is now documented More than 300 hooks available for developers! Bookmark it here!

By default in the Customizr theme, the featured pages images use by priority : the page featured images if the featured […]

Updated March 2015 This snippet applies to Customizr > 3.3.1 and Customizr-Pro > 1.0.12. If you’re running an older version […]

The Customizr theme displays by default your post titles as links pointing to the single post. Here’s a simple way […]

Let’s say you’ve setup three beautiful featured pages on your home page. Now you might want to display this block of featured pages […]

Following this discussion in the Customizr theme support forum, here’s a simple piece of code that will allow you to […]

Following a user request on the Customizr support forum, I have worked on a simple solution to display your existing […]

Those last days I have had a recurrring request on how to remove the text describing the HTML tags allowed in comments […]

Following the excellent javascript snippet from Rocco describing how to change the order of the content and the thumbnail, I’ll describe […]

Learn how to add a navbar widget, so that you can put a Polylang Language Switcher dropdown in it

Last Reviewed: 8-Jun-15 (3.3.23) 3.1.* 3.2.* 3.3.* If you need to add Scrollspy to the Navbar: Where to copy/paste this […]

Customizr comes with a default comment bubble using a font icon and displaying the number of comments next to each […]

Let’s say you need to feature your Facebook fans on your home page, and display it like one of your […]

If you’ve set up the Customizr theme so that you have you blog posts on a separate page, here’s how […]

This guide shows you how to set up a multilingual site with Polylang/Customizr. The code included also works with Featured […]

3.1.* 3.2.* Nov 2014 update: Tested with WordPress 4.0 and Customizr 3.2.5 . Still works if you choose to display […]

Updated : Now compatible with Featured Pages Unlimited and Customizr-Pro Customizr by default doesn’t allow you to have HTML entities or […]

So you’ve set up a really neat search on your Customizr website with the this snippet. It works fine. But […]

In this snippet, we’ll show you some concrete examples of page layouts that use Customizr’s underlying Bootstrap 2.3.2 scaffolding

There are several solutions on the WordPress Customizr forum for adding search forms. Here’s a way to add a minimal […]

Notice:: Since Customizr 3.4.6 and Customizr-Pro 1.2.0 a new option has been added to make the footer sticky. Navigate through […]

Hi, You might need to disable the built-in Customizr breadcrumb in some contexts of your website. You can easily unhook […]

Last Reviewed: 2-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

UPDATE 22 April 2015: Added filter priority value greater than 10 to ensure compatibility with new Customizr and Customizr-Pro versions. […]

Hi, If you are using WooCommerce, you might have an issue after updating Customizr theme with v3.1.9  : products page […]

Since Customizr v3.5+ Since Customizr v3.5, you can add a social link by adding this type of code to your […]

You’ve probably noticed that some features of Customizr are not well interpreted by some outdated versions of Internet Explorer. The […]

Here is a useful snippet for those who need to display their slides in a random order. The random display […]

May 2014 update: Now added in the core code of Customizr since v3.1.11 When the sliders are displayed in full […]

Updated : works fine with Featured Pages Unlimited v1.4+ The featured pages are composed by 4 blocks ordered as follow […]

By default, the slider can be displayed before posts or pages in the Customizr theme but you might want to […]

There are cases when you need to set a custom links for the featured pages displayed on front page. By […]

With the hooks API, Customizr offers a simple way to change the global layout of your website . The following snippet […]

With the following snippet, you can take control of the various slider texts length in the Customizr theme : title (default […]

Last Reviewed: 11-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

I showed you how to add a widget area after the header a few weeks ago. But what if you […]

Here’s a quick snippet to change the title attribute of the social links that’s displayed when the mouse moves over the link’s icon. […]

Learn how to add a widget for qTranslate and style your flags.

Last Reviewed: 28-Aug-15 (3.4.8) 3.1-3.4.* If you need to have different texts on the Featured Pages Buttons, here are two […]

In Customizr, there are three image sizes by default defined in class-fire-init.php. Each of them has a specific filter allowing […]

If your home page displays your last WordPress posts, you may have noticed that the posts on home don”t show […]

 This snippet replaces your site title (or your logo if have uploaded one) an animated SVG images based on your […]

This snippets will allow you to add another button in any slide like in the picture below.     This […]

There are cases when you need to set a custom titles for the featured pages displayed on front page. By […]

Just add the following code in the Custom CSS or the stylesheet of your child theme and you are done. […]

In the Customizr WordPress theme, you can easily change the default h1 html tag of the post or page title […]

This snippet replaces the default published date by the last post update’s date in your post metas. add_filter( ‘tc_date_meta’ , […]

This simple snippet adds an update status after your post title in WordPress. It checks if the post has been […]

Notice: Since Customizr v3.4.6 and Customizr-Pro 1.2.0 a new set of options has been introduced in the slides editing screen. […]

Notice: Since Customizr v3.4.6 and Customizr-Pro 1.2.0 a new set of options has been introduced in the slides editing screen. […]

Customizr includes some useful filters if you need to customize your category archives titles.   Changing the default prefix : […]

This snippet shows you how to add a widget area after the header. You can then use it for a […]

The Customizr WordPress theme comes with default texts for navigation at the bottom of single posts and on post lists […]

Add qTranslateX flags to your menu. You need no child theme nor php knowledge.

Firebug helps you you work with CSS styling. Watch this 6-minute video.

The following is a simple snippet which describes how to replace the sliders default navigation arrows with icons. The method detailed […]

Here’s a quick snippet to stop your slider pausing when you hover your mouse over it.

The Customizr theme comes out of the box with a reveal effect when hovering the images of the featured pages and the […]

Here’s a quick snippet to display both your logo and your site title in the header.   add_action( ‘__after_logo’ , […]

Last Reviewed: 3-Apr-15 (3.3.13)3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom CSS […]

Howdy developer! Sometimes it might be the case that you need to execute actions only if the user is in […]

Last Reviewed: 3-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* Since Customizr 3.2, this feature has been built into the Customise Global Settings. […]

Hi! In Customizr (version less than 3.10), the title displayed at the bottom of the Fancybox popin is the post […]

Last Reviewed: 3-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 3-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* To aid navigation, you can use a ‘breadcrumb’ at the top of pages. […]

Last Reviewed: 4-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.* There are many different solutions to repositioning elements using CSS. This snippet uses […]

Last Reviewed: 11-Sep-15 (3.4.8) 3.1-3.4.* IMPORTANT! Customizer 3.1.11 added a new feature in the Skin Panel to use the minified […]

Did you ever wanted to distinguish your newest post in front of the other posts in the list ? This snippet […]

If you dont want to see your header or footer stretched all over the screen, especially if you have high […]

Last Reviewed: 7-Apr-15 (3.3.15) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

You may use the code below to add a secondary menu (actually you could add more than one) above the […]

Last Reviewed: 7-Apr-15 (3.3.15) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Following last month (Oct. 2013) creation of the code snippets section with Dave, Andrei and Electricfeet, I am please to […]

Hi there ! If you like to follow the look and styling of the Customizr rounded images for featured pages […]

Use this function in your child theme’s functions.php to change the default link on your logo to another, custom link. […]

Update : the Customiz’it button has been removed since v3.1.12 of the theme   Howdy developer! Even if I have tried […]

You might want to display only selected parts of the featured pages block. on your Customizr front page. As of now […]

Howdy developer! I have been asked a few days ago in the forum how to add a Facebook like button […]

Last Reviewed: 29-Mar-14 If you need to avoid wrapping of Menu items: Where to copy/paste this code? The simplest way […]

Howdy, Here’s a simple recipe to change the featured pages block position in Customizr, we two lines of code! Like for […]

Hi, Today I am going to show you how to simply use a Google Font in Customizr without any plugin, […]

Note: This snippet is not needed anymore, just go through Appearance -> Customize -> Main content -> Post/Page Navigation and […]

Last Reviewed: 21-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 22-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 21-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 21-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Howdy, Here’s a quick recipe to change the slider position in Customizr (and Customizr-Pro), with only two lines of code! […]

Last Reviewed: 28-Aug-15 (3.4.8) 3.1-3.4.* Where to copy/paste this code? NoteSince Customizr 3.3.1 (Customizr-Pro 1.0.12), because of new wp themes […]

Last Reviewed: 22-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

The Customizr theme is built on Twitter Bootstrap, which means that you can use the awesome built-in grid system included […]

Last Reviewed: 29-Mar-14 Having changed backgrounds on the Front Page, the Featured Pages images sometimes display with a white square […]

Howdy developer! The following is a quick and easy way to add a link in your tagline in the Customizr […]

Customizr has been built to be easily customizable 😉 not only for designers but also for developers. There are two […]

Howdy WP developer! In this snippet, I will describe three different techniques to alter the WordPress default query with an […]

Last Reviewed: 29-Mar-14 If you need to remove date, authors and tags, categories buttons below the post titles, here are […]

Howdy Customizr designr! Here’s a quick tip to simply add content before and after your text logo with CSS only. […]

Following a discussion on the WordPress Forum about how to embed videos in Customizr, here’s a quick snippet. In WordPress, […]

Howdy Customizr developer, The following is a quick snippet that will expand (meaning show the full content instead of the […]

Howdy Customizr developer! A clean and simple solution to display a block of content right below the header is to […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.3. Go to Customize>Header>Design and layout. Uncheck […]

Updated March 2015: This snippet now works only with Customizr > 3.3.1 and Customizr-Pro > 1.0.12 This little snippet gives […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.3. Go to Customize>Content>Front Page. Adjust the […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* This code does work in 3.3. But not one of my favourites! I […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 28-Aug-15 (3.4.8) 3.1-3.4.* Your site’s tagline is used to explain, in a few words, what the site is […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Customizr comes with predefined social networks that you can easily activate from the customizer screen. You might want to add […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 29-Mar-14 WordPress sets a default limit of 55 characters for Excerpts. You can override this limit by adding […]

Last Reviewed: 25-Aug-15 3.1 3.23.3-3.4.* If you need to center Header Block Items, 3.2.* release created more options for doing […]

Last Reviewed: 2-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 1-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 28-Aug-15 (3.4.8) 3.1-3.4.* Where to copy/paste this code? NoteSince Customizr 3.3.1 (Customizr-Pro 1.0.12), because of new wp themes […]

Last Reviewed: 2-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 2-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.2. Go to Customize>Header>Design and layout. Adjust […]

Last Reviewed: 7-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.3. See this Snippet for 3.3 approach […]

Last Reviewed: 28-Aug-15 (3.4.8) 3.1-3.4.* Where to copy/paste this code? NoteSince Customizr 3.3.1 (Customizr-Pro 1.0.12), because of new wp themes […]

The following code will display the description text field of any attachment at the bottom of the attachment page. Copy […]

In WordPress, you can easily style your menu by adding css classes to each items and make use of it. […]

Last Reviewed: 7-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* The default Footer area can be easily modified – see Snippet. I prefer […]

Last Reviewed: 7-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* A complexity for newbies to understand is that of ‘Responsiveness’. As the www […]

Add this function in your child theme’s functions.php add_filter(‘tc_slider_display’, ‘content_after_slider’); function content_after_slider($html) { $after_slider = ”; //Put your HTML inside […]

Method 1 : with an action hook This will add a two column block before your featured pages on home. […]

Notice for  Customiz-Pro (<1.2.5) users: In order to use this code you have to uncheck Enable the footer copyrights and […]

For Customizr-Pro and Hueman-Pro users: You can paste your Google Analytics tracking code in a specific field designed for that. […]

Last Reviewed: 7-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* One of the striking things with Customizr is the Front Page – the […]

Hi, the following pieces of code change the default behaviour of the Customizr theme menu : 1 displays the dropdown […]

Last Reviewed: 7-May-15 (3.3.20) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.3. For more details, read the Documentation […]

Last Reviewed: 8-May-15 (3.3.23) 3.1.* 3.2.* 3.3.* Where to copy/paste this code? The simplest way is to use the Custom […]

Last Reviewed: 8-May-15 (3.3.23) 3.1.* 3.2.* 3.3.* We’d probably all agree that searching the Forum can be a frustrating task. […]

New ! in Customizr Pro, you can easily customize your footer credits in live preview. If you’re a Customizr Pro (versions […]

Add this in your child theme’s functions.php: add_filter(‘tc_logo_text_display’, ‘your_logo_display’); add_filter(‘tc_logo_img_display’, ‘your_logo_display’); function your_logo_display($output) { return preg_replace(‘/brand span3/’, ‘brand span10 offset1’, […]

Last Reviewed: 8-May-15 (3.3.23) 3.1.* 3.2.* 3.3.* Customizr introduced built-in feature changes in v3.3. Go to Customize>Content>Post lists. The following […]

To do that, you need : 1) The linked page ID (easy to find in the url when editing the […]

Last Reviewed: 8-May-15 (3.3.23) 3.1.* 3.2.* 3.3.* Changing the Background to a different color, texture, pattern or image can be […]

Like often in WordPress, the simpliest way to alter the core is to…dive in it and look for hooks! In […]

Last Reviewed: 16-Dec-15 (3.4.16) 3.1-3.4.* Where to copy/paste this code? The simplest way is to use the Custom CSS section […]

If you want to display the recent posts of the current category archive, there is a simple solution. You have […]

1) Click on Customiz’it! button and open the Custom CSS panel. 2) Copy/paste the following code and replace #f0f0f0 by your […]

1) Click on Customiz’it! button and open the Additional CSS panel. 2) Copy/paste the following code .carousel-caption { background: rgba(0, […]

Why should you create a child theme? Creating a child theme is the best way to start using Customizr (and […]

Note: While this snippet is still valid for Twitter Bootstrap menu based, Customizr and Customizr-Pro now embed a new option […]

If you find this icon ugly or you just don’t want to see it, copy and paste the following code […]

Howdy developer, here is a quick snippet to add a button to the Customizr theme menu. Example: the green button on […]