Search the Wiki

Tag Archives: Storyboard

How to create responsive content

Responsive theme work by re-organizing your content to display in mobile. The layout of your site will look different than the desktop version since the view port size is dramatically smaller. This tutorial show you how column works in responsive mode, so you can create the layout you want when the site is viewed in  Full Article…


Why my menu tab title repeats in mobile view?

The top and bottom navigation have independent title. So if you previously have used one of the navigation bar and have switch to a different one, you will see the title repeat in mobile view. If this is happening to you, simply go back to your previous navigation bar position and DELETE the title inside  Full Article…


How to turn on Responsive Theme?

To activate your responsive theme, you must first deactivate Weebly’s Mobile theme option. Please note the responsive theme IS NOT ACTIVATED in preview. You MUST publish the site to see the responsive setting activated


Storyboard don’t scroll

With new recent browser update, the hscroll.js file in Storyboard will need to be updated. If you find the pages no longer scroll, this is the tutorial you will need. 1) Log into your Weebly Click here to open you Weebly account 2) Go in to Theme Code Editor Click into “design” and into “edit  Full Article…


How to change color and opacity of text-box background for Storyboard

Change Background Opacity 1) Click into “design” and into “edit html/css” 2) Click on “main_style.css” to open the CSS editing page 3) Locate this code: .text-box-light{ padding: 20px; background: rgba(255,255,255,); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); } .text-box-dark{ padding: 20px; background: rgba(0,0,0,); -moz-box-shadow: 0 0 5px  Full Article…


How 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 { float: left; padding: 10px 15px; color: #959595; font-family: “Lato”, sans-serif; font-size: 12px; width: 350px; text-align: left; } Depending on your  Full Article…