Weebly updated its checkout page codes on June 17 2015. This can cause the checkout page to not load due to the code change. This is an update on the no-header page layout that is used by Weebly as the checkout page. step1: Download NO-HEADER-HABITU.HTML file here: no-header-habitu. step2: Login to your Weebly account step3: Full Article…
Search the Wiki
How to remove navigation bar background
You can remove the navigation bar background to make it completely transparent. There are 2 types of navigation background: SOLID or SEMI-TRANSPARENT. First see which type of navigation background does your theme have! Themes with SEMI-TRANSPARENT background (Examples: Photobox, Framework & Muse) For themes with already semi-transparent navigation background, changing it to completely transparent is Full Article…
How to change Weebly image perfect editor header image cropping area
In editing mode, you have the website builder tool bar on the left. So the website does not actually spend full width. When you publish the site, the tool bar will be gone so the site is display wider than in editing mode. Since the header spend the full width of the page, it will Full Article…
How to create header image for responsive theme – Regular Headers
Let me explain how the header works. Our widescreen template have a responsive header image. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using, our themes have a truly responsive header. It measures the width of the monitor and calculate to adjust the height accordingly. Our smart Full Article…
Can I customize the header height of widescreen responsive headers?
Our responsive header is dynamic. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using, our themes have a truly responsive header. It measures the width of the monitor and calculate to adjust the height accordingly. The css codes in the theme only controls the height of the Full Article…
Why does my Habitu navigation bar jump on scroll?
The jumps you see is caused by when the navigation changes to sticky on scroll. To make changing background simple, we make all the background an image. So you can just change the image file to change the background, and don’t need to touch any codes. To remove the “jump”, the background have to be Full Article…
My header image is not centering
Weebly can override theme styling codes. When this happens, some aspect of the theme may change like how the header image is positioned. This tutorial will show you how to override Weebly’s change to center your header image again. 1) Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” Full Article…
Why is my search bar not working?
To get the search bar working on your site, you will need to first satisfy 2 criteria: 1) The search feature is a PRO feature, so you will first need a Pro or Business account to use it. If you don’t have it, the search feature will not work as pointed out in the theme Full Article…
How to hide Search Button when search bar is turned off
1) Click into “design” and into “edit html/css” 2) Click on “main_style.css” to open the css editing page 3) Here locate this code: { float: right; padding-left: 15px; cur Different theme may have different code details. The important part here is to locate this . Anything below the identifier code is not important. For MILO Full Article…
How to insert H1 text in drag & drop content
For some of our themes, there is a h1 font styling built into the theme. You can a h1 text in any drag & drop content area. This tutorial will show you how: 1) Drag & drop the EMBED CODE tool into the location where you want to insert an h1 text 2) Inside the Full Article…
How to activate and use DD Header Page Layout
This demo show you how to activate and use your dd header page layout: Browser clear cache hot-key Chrome: ctrl+F5 FireFox: F5 Safari: COMMAND + OPTION + E Internet Explore: Ctrl+R Opera: Ctrl + R + F5 You can also watch a fullscreen version in Youtube: View Demo Video in Youtube
The navigation bar is overlapping the image lightbox popup
The header is set to not be overlap by any element. Here you can change this setting. 1) Click into “design” and into “edit html/css” 2) Click into “main_style.css” 3) Here locate this code: #site-navigation { background: url(‘theme/navbg.jpg?1406918818’) repeat; height: auto; width: 100%; padding: 0 0 20px 0; margin: 0; position: fixed; top: 0; -webkit-box-shadow: Full Article…
Enlarge logo for full width navigation bars – Drops, Habitu, DejaVu
1. Click open the code editor. On the left hand column you will find the list of the page layouts. Click into the page you want to customize the logo size limit. In this example, we will choose the landing.html 2. Edit LOGO HTML code In the page layout html codes, locate this: {logo max-width=””} Full Article…
Navigation not sticky in editing mode
The sticky navigation is not activate when you are in editing mode. This is done to ensure the built work smoothly during editing. Once the site is published, the sticky navigation will then be activated.
How to change a Stationary Sidebar with consistent content to Unique Sidebar
All of our standard theme’s sidebar have consistent content so all the content remains the same when you switch from page to page. This tutorial show you how to change from a Standard Sidebar to a Unique sidebar. Please note after this change been change, you will no longer have the ability to show the Full Article…