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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
