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…
Search the Wiki
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…
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 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…
DD Tabs Overlap Update
This is an update for DD Tabs Page Layout. If you are experiencing the tabs overlaps each other when your tab title gets too long, this is a fix for that. 1) Log into your Weebly account 2) Click into “design” and into “edit html/css” to open the code editor 3) Click on “main_style.css” to Full Article…
Why is my widescreen header image resolution look worst than my original image?
When you upload and image in Weebly, the image perfect editor automatically crops your image. So the image quality directly relates to the size of monitor you use. If you are using a larger monitor, you can upload a larger and higher resolution image. However, if you have a smaller monitor, Weebly restrict the size Full Article…
Why does my widescreen header image look different when published?
When you are in editing mode, the header image will look different than the published version because of 2 reasons 1)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 Full Article…
Why does my full width header image look different in different monitor size?
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…
How to hide / remove features area
Some themes have a color section below the header image in the Landing Page Layout and in Plugin Index page. These are the feature area where you can insert content with a different background color then your main content. If you don’t need this, you can hide this. Please note it will hide the feature Full Article…
Why is my tabs covered by the features area in Idiom theme?
Flexi Header If you using Flexi Header, you can change the location of the slide tabs so it no longer get covered by the feature area. Click into “design” and into “edit html/css” Click into “main_style.css” to open the css editing page Here scroll to the FLEXI header css area and look for this code: Full Article…
Why is my header image REPEAT?
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. When you are in editing, the responsive header is Full Article…
Why is my bold text look so light?
Some of our themes have a custom bold styling that make the bold text look a lot less apparent than Weebly’s theme. You can turn this styling off by taking out the CSS styling code. 1) Click into “design” and into “edit html/css” 2) Click open “main_style.css” 3) Locate and delete these code: strong Full Article…
How to use New DD Header
When you first set your page to use the DD Header, you will not be able to immediately drag & drop content in the header area. To activate the dd header drag & drop content area, you must first upload an image. It doesn’t matter what image you upload in the dd header. This is Full Article…
How to hide “back to top” link
You can hide the “back to top” link in the css codes. First log into your Weebly and open the main_style.css page by clicking on “design” and on “edit html/css”. Here in main_style.css locate this code: .content.btt { padding: 5px; text-align: center; } Add this code to hide the link: The final code will Full Article…