When a plugin, splash page or widget all of sudden stop working. You can check to see if you need an update on the jquery script code. Click into your page layout html editing page where you have your plugin, splash page or widget install. Scroll to the bottom of the page till you find Full Article…
Search the Wiki
I’ve installed carousel, but it is not displaying properly on my site?
If you have completed the carousel widget installation, but when using the carousel the image stack vertically. This mean you may not have installed the carousel in the page layout you are using. Carousel widget requires to be install in specific page layout. If you complete the installation for Tall Header, but you are using Full Article…
I can’t change the font styling in carousel widget?
Weebly sometime can override widget styling. Here is how you can prevent that: 1) Follow the tutorial to edit the carousel css code to change the font styling. 2) Here is how the code look like: /*————————————— DIVTAG CAROUSEL WIDGET —————————————*/ /* Edit Link Color */ .dtc-info a:link h3{ color: ; } /* Edit Link Full Article…
How to set a link to open in new tab?
By default , all links will open on the same tab. This tutorial will show you how to open the link in a new tab. Here is a typical link code: <a href=”http://www.yourURLhere.com” > To set the link to open to a new tab, add like this: <a href=”http://www.yourURLhere.com” > Save your changes and re-publish Full Article…
How to remove text shadow in Carousel Widget Style 4
In main_style.css locate this code: .dtc_image_carousel .style4 h3, .dtc_image_carousel .style4 div.paragraph{ text-shadow: 1px 1px 1px white; } .dtc_image_carousel .style4 h3, .dtc_image_carousel .style4 p{ text-shadow: 1px 1px 1px white; } These two codes create the text shadow. Simply delete these two code to remove the text shadow effects.
How to make Carousel Widget auto scroll?
The Carousel Widget allow you to turn on the auto scroll of you choose. This tutorial will show you how. Getting Started In your download package, you will find the JS folder. Inside you will find the following files: dt-carousel-1.js dt-carousel-2.js dt-carousel-3.js dt-carousel-4.js dt-carousel-5.js These files determine how the carousel widget functions. You can have Full Article…
How to fixed the height of carousel so all item have the same height
The carousel have a flexible height that adjust to the height of your content. If you want all of the item to appear the same height you can do that as well. Here is the item code: <!– Column Begin –> <div class=”dtc-slide” style=””> <div class=”imgbg”> <a href=”YOUR URL”> <img src=”IMAGE URL” alt=”basketball” /> </a> Full Article…
I have both Video Lightbox Widget and Carousel Widget on the same page and they are not working!
When both the Video Lightbox Widget and Carousel Widget are installed on the same page layout, one code is duplicated which made the widget temporary inactive. Here is the script code of the carousel widget: <script src=”/files/theme/jquery.dt-carousel.js”></script> <script src=”/files/theme/dt-carousel-1.js”></script> <script src=”/files/theme/dt-carousel-2.js”></script> <script src=”/files/theme/dt-carousel-3.js”></script> <script src=”/files/theme/dt-carousel-4.js”></script> <script src=”/files/theme/dt-carousel-5.js”></script> Here delete the highlighted code above, so the Full Article…
Carousel widget bottom cut off
In the highlighted area, add this: height: 300px; Here you can insert any number in place of 300. Depending on the height you want, you can customize the height value of the item as you like. The final item code will look like this: