The Customizr theme comes out of the box with a reveal effect when hovering the images of the featured pages and the post thumbnails. If for some reasons, you need to disable this effect, here’s a quick snippets. This effect uses a CSS3 transform property called scale. Just set it to a […]
Language: css
89 posts
Where to copy/paste this code? The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme […]
Since Customizr 3.2, this feature has been built into the Customise Global Settings. See the Customizr Documentation. Where to copy/paste this code? The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we […]
Where to copy/paste this code? The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme […]
To aid navigation, you can use a ‘breadcrumb’ at the top of pages. However, if you need to remove the ‘breadcrumb’, the simplest way is to use: 3.2+ the Customize>Content>Breadcrumb checkboxes. 3.1 the Customiz’it!>Pages & Posts Layout and untick the tickbox. In CSS, this can also be done with: Where […]
There are many different solutions to repositioning elements using CSS. This snippet uses one solution: position:relative/top/left which allows you to move the element in relation to it’s usual position. However, it does not provide a fully responsive solution and will need further @media code to make adjustments for different devices. […]
IMPORTANT! Customizer 3.1.11 added a new feature in the Skin Panel to use the minified CSS stylesheet. This checkbox MUST be unchecked for this snippet to operate correctly using Method 1. Method 1 (Free version) If you need to create a new Skin color, here is one way of achieving […]
Did you ever wanted to distinguish your newest post in front of the other posts in the list ? This snippet will allow you to make your latest post look different (in any category) and to dinstinct itself from the rest. Where to copy/paste this code? The best way to customize […]
If you dont want to see your header or footer stretched all over the screen, especially if you have high resolution screen, here is the quick solution to fix header, main body and footer at the same width (1170px). Where to copy/paste this code? The simpliest way is to use the […]
Where to copy/paste this code? The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme […]
Where to copy/paste this code? The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme […]
Hi there ! If you like to follow the look and styling of the Customizr rounded images for featured pages and post thumbnails here is how you can turn your square user images (gravatar and local) to rounded ones, or just with rounded corners. It will affect user images in […]