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