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…
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…
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 the Weebly Slideshow header not clickable?
Ollie have a shadow around the header image. If you are using the Weebly Slideshow header, you will notice it is not clickable. You will need to turn off the shadow for the header to be clickable. 1) Click into “design” and into “edit html/css” 2) Click into “main_style.css” to open up the css code 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…
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…
How to change Button Color
The button for your theme can be customized. This tutorial will show you how. 1) Open the code editor First click on “design” and then on “edit html/css” to access the code editor. Once you have it open, click on “main_style.css” to open the cs page 2) Locate button css codes Weebly have two button Full Article…