Change Text Box Background Color in Photobox
In main_style.css, locate this code: #content p{ background: #000000; opacity: 0.8; padding: 20px; color: #C0C0C0; } Change the default #000000 to any color code you want to change the text box color...
View ArticleHow to change the drag & drop content area background transparent
If you are using a template that doesn’t come with a transparent content background, you can customize it to create a transparent background. For solid background templates, you control the content...
View ArticleClik here to view.
Change social icon images
How to Change Social Icons Images To give you greater control over the look and function of your website, you can change the social icon image to match your design. We have created different styles of...
View ArticleClik here to view.
How to Swap unused Social Icons for a custom icon?
You might not need all the social icons available to you. There is a creative way to refurbish those unused social icons and create your custom icon links. For example, if you have different language...
View ArticleHow to link to different section in Single Page Themes
With single page themes like Scrollboard and Storyboard each section have a marker #slider1 and #1 respectively. For Scrollboard, the number determines which section it is with 1 being the first...
View ArticleWhy does the content in Mobi theme changes in different monitor size
The Mobi have a responsive framework. So the content react to the view port/monitor size. You can choose to turn off the responsive function so the content area will remain static no matter what...
View ArticleClik here to view.
How Create Link button like Scrollboard demo site
Each section have a ID tag. Simply insert your URL plus #slide1, you can link any image OR button to different section of your page. For example, in our demo site we linked to the first section of...
View ArticleHow 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...
View ArticleClik here to view.
The header image of the no header layout in MUSA is not changing
If your header image is not updating, here is what you can easily fix the problem. For templates that was purchased after May1st, 2013, you should not have this issue anymore. Open Code Editor Click...
View ArticleClik here to view.
How to turn on Weebly Footer for Pro & Starter Plan Users
For our DivTag templates that have the drag and drop footer feature, the template actually has 2 footers: 1) DivTag Drag and Drop Footer 2) Weebly Drag and Drop Footer (this is only available to Weebly...
View ArticleClik here to view.
How to Enlarge Logo for Storyboard
The Storyboard logo is set at a very specific size and this is designed to keep the style of Storyboard theme intact. If you make the logo too large, then the size (especially the height) of the fixed...
View ArticleClik here to view.
How to Enlarge Logo width for Scrollboard Theme
The Scrollboard logo is set at a very specific size and this is designed to keep the style of Scrollboard theme intact. If you make the logo too large, then the size (especially the height) of the...
View ArticleChange Logo Size Restriction
The logo is set at a very specific size and this is designed to keep the style of the theme intact. If you make the logo too large, the logo lay over lap with elements on the right. 1) In index.html,...
View ArticleHow to edit the Logo Font style
One some themes, you will find the Logo Font style in main_style.css: #wsite-title { font-size: 24px; } a #wsite-title { color: #444444; } Here is where you can edit the styling of your logo title. But...
View ArticleHow to edit the call text (phone/contact information)
Themes that have the call text section, you can customize the font style. First log into your Weebly account and open the Code Editor to access the main_style.css page. Here locate this code: .bar-text...
View ArticleClik here to view.
Change font color and background color of Tumble Info Box
Change Background Color CYou can customize the background color of your Tumble info box by editing the piecemakerXML.xml file. Open the file with Notepad for PC users OR TextEdit for MAC users. At the...
View ArticleClik here to view.
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. LEFT RIGHT The top button appear...
View ArticleHow 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...
View ArticleHow to remove the shadow underneath header image or plugin slider
You can remove the shadow underneath the header or plugin slider for some theme that have it. Step1: Open main_style.css Click in to “design” and into “edit html/css” Click open the main_style.css to...
View ArticleHow 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...
View Article
/fit-in/580x348/filters:format(webp)/english-betterindia/media/media_files/2026/09/17/balaghat-4-2026-09-17-19-01-31.png)
