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 INDEX page layout that is used by Weebly as the checkout page. step1: Download INDEX-W.HTML file here: index-w. step2: Login to your Weebly account step3: Full Article…
Some themes uses vector social icon where the icon image is generated by a code. You can easily change the type of icon it display by changing the vector code. Step1: Open the theme editor Log into Weebly Click into “design” then into “edit html/css” On the left hand column click on “main_style.css“ OLD EDITOR: Full Article…
This is W Theme Mobile display update to fix the sidebar column mobile display issue for themes purchased between April 5 to April 15. 1)Download a new responsive.css file here: W-Theme-Update-15-Apr-2015 2)Click here to open your Weebly Editor 3) Click into “design” then into “edit html/css” 4)Upload the new responsive.css file you downloaded in step Full Article…
You can change the color of the plus sign in the accordion widget and this tutorial will show you how. 1)Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” 3) Click on “main_style.css” to open the css editing page 4) In the css editing page locate this code: ul.accordion Full Article…
By default the image size is to spend full width for responsive setting purposes. You can set a specific image size in the widget code snippet if you like. Please note this will remove the responsiveness of the widget. Simply add the code highlighted below to add a width and height to the video lightbox Full Article…
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…
All-in-one themes have 3 years support and updates. Your theme download link will be activated for 3 years so you can re-download the theme up to 5 times. Simply look for your all-in-one theme email for the download link. If you lost your email or have already exceeded the number of download allowed, please email Full Article…
This is Feb 12, 2015 mobile navigation bar update to fix “login” tab to display properly in mobile navigation. Download new mobilenav.js file here: W theme Mobile Nav 12 Feb 2015 Update. When downloaded, you will have a ZIPPED file. Unzip the folder to access the doc inside. **DO NOT UPLOAD the zip file! Click 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…
In theory you can upload any image size you want. However for best effects and website display, we recommend you use an image with width of between 1400px to 1920px. If the image is too small, the quality will not be as good and visual appearance of your website will suffer. If the image is Full Article…
If your video is not playing there are usually 2 main reasons: 1) Your video URL is in correct It is important to ONLY insert the video id and not the entire video embed code. The only part of the code that should change is the the one highlighted below: <a href=”https://www.youtube.com/watch?v=” id=”P1″ class=”player” title=”Insert Full Article…
You can hide the navigation bar for the intro page in W theme. This will hide the navigation bar for ALL splash pages. 1) Click here to open your Weebly editor 2) Click on “design” then into “edit html/css” 3) Click into “main_style.css” and locate this code: #home-navigation { position: relative; line-height: 130%; margin: 0 Full Article…
