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 no-header page layout that is used by Weebly as the checkout page. This tutorial is for Sabbatical Theme purchased BEFORE May 11, 2015. If you Full Article…
Search the Wiki
Sabbatical NEW eCommerce Update – 2015 June 17
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 no-header page layout that is used by Weebly as the checkout page. This tutorial is for Theme purchased AFTERT May 11, 2015. If you are Full Article…
How to change vector social icon image
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…
Mobile menu login tab display issue – 12 Feb 2015
This is Feb 12, 2015 mobile navigation bar update to fix “login” tab to display “login” tab properly in mobile navigation. Download new mobilenav.js file here: 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…
How to create image for Swiper
Swiper is a responsive full page image & content slider that spend the full width and height of the monitor. Because Swiper is responsive, the image will adjust it self to fit different monitor size and device shapes. So the image can look different in different devices. Desktop and mobile device shapes are very different Full Article…
Sabbatical eCommerce Responsive Setting Update – 30 Aug 2014
If you are seeing your checkout page or store page not responding to responsive setting, you will need this update. 1) Download the files you need to update here – sabbatical-30-8-2014 2) Unzip the folder and you will find 2 files inside: responsive.css and no-header.html 3) Click here to open your Weebly Editor 4) Click 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…
Why does the responsive background look different in different monitors?
How responsive images works is it display the image max-height OR max-width to make sure there are no gaps. Since there are a wide variety of monitor size and device shape, the background need to change in order to fit to different shape and size of view port. This is the definition of responsive in Full Article…
Enlarge logo in Sabbatical
1. Click here to access your Weebly Editor. 2. In Weebly, click on “design” and into “edit html/css” 3. Click into “main_style.css” and locate this code: #header .logo a { display: block; border: none; } Here change the width to the width you want. We do recommend no to exceed 400px 4. Save and re-publish 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…
How to turn off Responsive Themes
The responsive themes are designed to modify to fit different mobile devices. You can turn off the responsive settings if you want to theme to display the SAME not matter what device you use. Please note when the responsive features are turned off, the theme no longer have the ability to modify itself to different Full Article…