Swiper is a responsive full page image & content slider that spend the full width and height of the monitor. Because Swiper is responsive, the image will adjust it self to fit different monitor size and device shapes. So the image can look different in different devices. Desktop and mobile device shapes are very different Full Article…
Search the Wiki
I can’t change the video resolution quality for ScreenPlay and Footage
You can try to insert your resolution in the data-property. Again, if the internet connect doesn’t allow, Youtube may still play a lower resolution. In the footage HTML code, locate this code: <a href=”https://www.youtube.com/watch?v=AG0jlKdB1s0″ id=”P2″ class=”player” title=”Insert Title Here” data-property=”{autoPlay:true}”></a> <!–CHANGE LINK VIDEO YOUTUBE HERE – “nACpDR1twKU” –> Here add the code highlighted in yellow: Full Article…
How to turn off infinite loop in Swiper
By default Swiper loop the slides in repeat. You can turn off the infinite looping function so when the plugin reach the last slide, it will stop sliding. 1) Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” 3) Click into “index” to open the plugin page. For people Full Article…
Add content text box in Video Background Plugin in Drops
Drops does come with content text box styling. So you can easily apply a DARK or LIGHT content text box in the Video page. Here is how: Click into “design” then into “edit html/css” Click into the video background page layout HTML page. In our guide, it is the “videobg.html”. But if you called it Full Article…
How to hide Video Background Control Bar but keep the audio
1) Log into your Weebly account if you haven’t done so 2) Click on “design” then into “edit html/css” 3) Click on “main_style.css” to open the css editing page 4) Here locate this code: /* ——————————————————————– VIDEO BACKGROUND PLUGIN ———————————————————————*/ 5) Directly BELOW that code insert this code to hide the control bar: /* ——————————————————————– Full Article…
Change Mobile Play Button Color for Video Background Plugin
The default button color for mobile play button is black. You can change the color by following these instruction 1) Click into “design” and into “edit html/css” 2) Click into “main_style.css” to open the CSS page 3) Locate this code: .playlist { display: inline; padding: 20px; margin: 0 auto; } .playlist:hover { } 4) Change Full Article…
How to change the arrow buttons in Infinite Slider
You can change the infinite slider buttons to better fit your design. Save these image files below into your computer, and you can modify it using any image editors. The top button appear when your mouse hover over the button. The bottom button appear as default. Once you have the button you like, save Full Article…
Change font color and background color of Tumble Info Box
Change Background Color Replace the HEX color code highlighted above. Save the file on your desktop with the SAME file name. It is a good idea NOT to save over your default file so you have something to restore with if there is any error. Click into “Design” and into “Edit Html/CSS” to upload your Full Article…
For Fade Plugin, can I make the image transition speed change faster?
Yes, here’s how you can change the timing of the image transition for our Fade Header Plugin: 1) In Weebly Editor, click into the “Design” tab, then click on the “Edit HTML / CSS” tab 2) Open the HTML page by clicking “index.html” on the left vertical column 3) Locate this code: jQuery(‘#slideshow’).cycle({ fx: ‘fade’, speed: 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…