Search the Wiki


Customization Tips

How to hide play button in 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 { background: rgba(0,0,0,0.4); display: inline; padding: 20px; margin: 0 auto; } 4) Here ADD the  Full Article…


Why is my header image not fitting the header area?

When you upload and image in Weebly, the image perfect editor automatically crops your image according to the size of your browser. Since the responsive header is not activated until the site is published, the header image height is fixed in editing mode. Due to these reason, even the suggested image size may not be  Full Article…


How to remove navigation bar background

You can remove the navigation bar background to make it completely transparent. There are 2 types of navigation background: SOLID or SEMI-TRANSPARENT. First see which type of navigation background does your theme have! Themes with SEMI-TRANSPARENT background (Examples: Photobox, Framework & Muse) For themes with already semi-transparent navigation background, changing it to completely transparent is  Full Article…


How to change sub menu font color and background color

This tutorial will show you how to customize the drop down sub-menu background color and font color. 1) Click here to open your Weebly editor 2) Click on “design” then into “edit html/css” 3) Click into “main_style.css” and locate this code: { position: relative; display: block; background: #fff; border: none; text-decoration: none; font-size: 13px; font-weight:  Full Article…


Hide Hover Social Icon – Milo

1) Click into “design” and into “edit html/css” 2) Click on “main_style.css” to open the css editing page 3) Here locate this code: #share { float: left; position: fixed; z-index: 50; left: 40px; bottom: 40px; } 4) Here add to the code as shown below: #share { float: left; position: fixed; z-index: 50; left: 40px;  Full Article…


How to create image for Swiper

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…