Change Header Height on Scroll

General Example Example 1 In fact, this instruction can be used for almost all layout controls like Header, Container, etc to which you can apply Fix on Scroll Extension. In most of cases it is...

Simple HTML Contact form

Themler includes Form control which creates regular HTML Forms. But it does not provide form action scripts (server script). In other words you can build Form in Themler but to get the form to work...

Bullet List layout

To make the unordered list be aligned the same as the first line follow the steps: 1.open Bullet List >> Text >> Paragraph options 2.set Left option to some value (e.g. 10px) and set First Line...

Disable Lightbox for Particular Images

What is Lightbox ? The Lightbox is a special effect used to display content images in a modal dialog that floats atop the web page. How to enable Lightbox ? The Lightbox is an effect of the Post...

WordPress - How to Show Posts from Specific Category on the Front Page

This tip describes how to show the posts from a specific category on the Home page. Create new Page. This Page will be used as Front page: Let's call it "Home". Go to the WP Admin Panel >> Settings...

How ro resize slider, images and text in responsive mode

To make the page look really good in responsive mode you might need to adapt text, images and slider sizes in responsive mode. Text Good practice is to specify smaller font size for text on smaller...

How To Use Google Fonts Locally

This article describes how to use google or any other external font in Themler themes. Download the font: Please note that google provides .ttf files to download only. In our example we'll use...

How to Wrap Post Header and Content Around the Post Image

Let's consider an example when we have a Blog page with a number of posts in which the Post Header and Content are wrapped around Post Image: The easiest way to create such a layout is to use the...

How to create One Page Design

Overview One-page design is a current trend. The long-scrolling web pages are appealing and easy to navigate. These templates utilize anchors and smooth scrolling. To create a one-page design, you...

One Page Design in Drupal

Drupal Open the theme at the Home template. Add several Section controls. These are the section of which the One Page website will consist. Specify Section ID: The Section ID is the anchor to which...

One Page Design in Wordpress

One Page Design Overview WordPress Open the theme at the Home template. Add several Section controls. These are the section of which the One Page website will consist. Specify Section ID: The...

One Page Design in Joomla

One Page Design Overview Joomla Open the theme at the Home page. Add several Row with Columns controls using Insert >> Row with Columns. The number of Row with Columns controls should match the...