Search the Wiki

Tag Archives: Carousel Widget

Jquery Update

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…


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 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…


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: