You can set text or button to link to specific page section. Each page section have its own id: Section 1 = #pageone Section 2 = #pagetwo Section 3 = #pagethree Section 4 = #pagefour Section 5 = #pagefive Section 6 = #pagesix Section 7 = #pageseven Section 8 = #pageeight Section 9 = #pagenine Full Article…
Google map center the pin by finding the width of the web page. When the page slide from one to the other, the page will hide and show depending on the page you clicked on. Since the google map don’t reload to re-size the width of the page when ever it hide and show, the Full Article…
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…
It is very important to optimize your website speed by compressing your background images and size your image accordingly. The best way to create optimized images is to control the image resolution and image file size. 1) Controlling Image Resolution: HD IMAGES – for larger monitor or retina monitor, the image size you should be Full Article…
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…
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…
You can create links to different pages in Storyboard. Here you will need to use the “custom html” tool to create the link. Each slide section is represented by an id “#pageone”. From left to right the the number starts from 1 to 9. For example if I want to link to slide section 3, the Full Article…
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…
