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…
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…
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…
You will find the link to the theme customization in your theme download package. Click into “read me” pdf to access the guides.
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…
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…
In the main-style.css you can edit the the font property for the content area of the portfolio sorting 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…
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…
