Quantcast
Channel: Weebly How To Tutorials » Customization
Browsing index pages (125 articles)
↧

How to hyperlink text to different section in OnePager Layouts

You can hyperlink text to different section of the Scrolling Content Area in OutPost OnePager Layouts. Please note there will NOT be any scrolling effects. Drag & drop the “EMBED CODE” tool from...

View Article


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...

View 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...

View 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...

View Article

How to link to different section of Storyboard

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 =...

View Article


How to change the footer background to transparent?

If you are using a template that doesn’t come with a transparent footer background, you can customize it to create a transparent background. For solid background templates, you control the footer...

View Article

How to change page title background color?

You can customize the background color of the page title is the same as landing page Features Area.  Here we will show you how. Click here to open your Weebly Editor and to open up the W Theme Editor....

View Article

How to change accordion widget plus sign color

You can change the color of the plus sign in the accordion widget and this tutorial will show you how. 1)Click here to open your Weebly Editor 2) Click into “design” then into “edit html/css” 3) Click...

View Article


How to change text orientation from LTR to RTL

By default, all Weebly sites are set LTR. You can change this in the html codes to change the text orientation. You will need to customize this on every page layout HTML to make the adjust for your...

View 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) Log into your Weebly editor 2) Click on “design” then into “edit html/css” 3) Click into...

View Article

Can I customize the header height of widescreen responsive headers?

Our responsive header is dynamic. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using, our themes have a truly responsive header. It measures the...

View Article

What is the optimal image size for full screen background image?

In theory you can upload any image size you want. However for best effects and website display, we recommend you use an image with width of between 1400px to 1920px. If the image is too small, the...

View Article

Why does my Habitu navigation bar jump on scroll?

The jumps you see is caused by when the navigation changes to sticky on scroll. To make changing background simple, we make all the background an image. So you can just change the image file to change...

View 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;...

View 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...

View Article


How to create header image for responsive theme – large

Let me explain how the header works. Our widescreen template have a responsive header image. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using,...

View Article

How to hide Splash Page navigation bar for W Theme

You can hide the navigation bar for the intro page in W theme. This will hide the navigation bar for ALL splash pages. 1) Log into your Weebly editor 2) Click on “design” then into “edit html/css” 3)...

View Article


How to hide/delete Splash Page menu in W Theme

W Theme theme feature a splash page menu that is independent of the site navigation. You can choose to hide this if you like and this tutorial will show you how. 1) Log into Weebly if you haven’t done...

View Article

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...

View Article

How to change the font styling of Hype slide content

You can change the font styling of the Hype slider content. This tutorial will show you how: 1) Log into your Weebly editor 2) Click on “design” then into “edit html/css” 3) Click into “main_style.css”...

View Article
Browsing index pages (125 articles)


Latest Images