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…
Search the Wiki
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 delete content in portfolio widget
The portfolio widget allow you to have a title and text at the bottom of the image. If you don’t want it to show, you delete it. Please note that if you have more than 1 portfolio page, you can choose to have 1 page to have content and another not to have any content. So Full Article…
How to change the hover font color of Image Widget
You will find the link to the theme customization in your theme download package. Click into “read me” pdf to access the guides.
How to customize the height of hover text in image widget
You can customize the height of the text for each individual image widget. When inserting your text, you should see this code: <p class=”dark-dt”> <b>Insert Title Here</b> <span>Insert Your Text Here</span> </p> right after b you can add this code to customize the margin You can change the 60 to any number you like. The final 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…
How to edit portfolio sorting widget content font color, size and style
In the main-style.css you can edit the the font property for the content area of the portfolio sorting widget.
Edit Font Color, style and size in Image Widget
You can customize the font color, style, and size of your image widget. Here we will show you how. If you haven’t log into your Weebly Account yet, Click here to open your Weebly Editor and to open up the W Theme Editor. Step1: Locate CSS In the main_style.css, locate these set Full Article…
Where can I find the main-style.css page?
I am having trouble finding the main-style.css document in Weebly Editor. I want to edit the menu text color and font style and I need to do this in the main-style.css. Here is how you can access the main_style.css editing page. Step1: Open Code Editor Step 2: Open Main_style.css When you are in the Full Article…