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…
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…
TextEdit will only work when the “Display HTML files as HTML code instead of formatted text” box is checked. Contributor: Duane J
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…
You can hyperlink any text using html code by inserting codes just like this example below. Example: Insert Title HERE If we want to hyper link the title, here is how it it look like: <h3>Insert Title HERE</h3> Here insert the URL link you want the text to link to by replacing yoururl.com
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…
It is very important to use the correct program to open the html doc. For PC users please use NOTEPAD. For MAC users, please use TXTEDIT. For MAC users, MAC do not have a plain text program by default. While at times TXTEDIT can be a substitute for NOTEPAD, you can have issue with the Full Article…
If you are having trouble seeing your hover content, it may be overridden by Weebly. Here is how you can prevent this from happending. 1) Click into “design” and into “edit html/css” 2) Click into “main_style.css” to open the css editing page 3) Here locate this code: IMAGE WIDGET HOVER CONTENT FONT STYLING / —————————————— 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…
Weebly’s preview don’t always render js application and external css files well. To see the plugin activated the site MUST be published. If you are viewing your site via “preview” and don’t see the plugin working, please publish your site.
When using the widget in product page, it doesn’t load the widget css. This is why it is working working properly. Here you will need to insert the full css file link to allow the file to load properly. Click into the page layout html where you have the widget installed. Here is the default 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.
The most common reasons why the video lightbox is not functioning properly are: 1) The script codes are not inserted Review Step 2 and 3 the installation to see if you have inserted the script codes properly 2) The js files are not uploaded Review Step 5 of the installation guide to upload your js files. Full Article…
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…
