You can customize the background color of the page title is the same as landing page Features Area. Here we will show you how. Click here to open your Weebly Editor and to open up the W Theme Editor. Step1: Open main_style.css a) We will first open the main_style.css page located in the top Full Article…
Search the Wiki
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…
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 create header image for responsive theme – Tall 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…
How to change the menu tab top strip color
1) Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” 3) Click into “main_style.css” 4) Here locate this code: #navigation ul li#active a, #navigation a:hover { border-top: 3px solid ; } 5) You can change the HEX color code highlighted above to change the color of the strip. You 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 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…
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…
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…