Layouts & Sidebars

Archive for ‘Layouts & Sidebars’

How To Remove Landing Page Button in Weebly

Call-To-Action Button on the Landing Page of Weebly Themes works wonders for conversion.

But what if you really want to remove the Button from Landing page ?

In this tutorial, we will show you how delete this action button.

To remove the button from landing page, you need to edit the Landing page layout. If you have never edited html/css files in Weebly, please become familiar with editing html and css in Weebly.

Note that Weebly deploys multiple page layouts for themes. All Weebly themes come with four standard page layouts (landing.html, tall-header.html, short-header.html, no-header.html). You can create additional custom page layouts to suit your need.

To delete the landing page button, . We will cover both the …

February 11, 2013 Tags: buttons
Category: Layouts & Sidebars, Tutorials 6 Comments

How To Change Background Image In Weebly

Adding your own background for Weebly Site is one of the quickest ways to personalize your website.

Even if you use a standard Weebly theme, you can give your site a unique appeal by setting the right background. You can either use a full size image, or repeat a pattern to create a canvas as the backdrop.

Do you know, you can add different backgrounds for different pages of your Weebly site ?

In this tutorial, we provide Step-By-Step Instructions for

Setting the same background for all pages of your Weebly Site
Setting different backgrounds for different pages. Check the following sample pages with different backgrounds

Setting Same Background For All Pages

Step 1: Upload the image to your Weebly …

May 10, 2012 Tags: Background Image
Category: Layouts & Sidebars 48 Comments

Weebly Top Bar: The Hidden Potential

If I were to suggest one single most important article that every Weebly user must read, then this is it. The Top Bar area gets the maximum amount of attention from your visitors. This is also the area that brings in maximum click through revenue for your Advertisements. Check the Google Heat Map for more information on Ad Placement. Whether for advertisements or for “Call To Action” items, this is the prime area to gather your visitor’s attention. In this article, we will use the SiteShowCase Blog to illustrate how you can add a Persistent Top Bar to Weebly Blog (or) Weebly Pages (or) Both as a drag & drop area.

We will also show you how to restrict the …

April 18, 2012 Tags: Drag & Drop Header, Persistent, Weebly Top Bar
Category: Articles, Headers & Footers, Layouts & Sidebars 41 Comments

Adding Multiple Columns in Weebly Is Now A Snap !

Creating multiple columns in Weebly used to be a task of nesting a bunch of Two Column Layout elements one within the other. Gone is the Two Column Layout element for good. Multiple Columns element takes it place, and it is really impressive ! So, if we are to use this for the Inform.al Theme, we would use just one element instead of two.

You can now have up to 5 columns with just one element. Previously, to add 5 columns,…

December 15, 2011 Tags: multiple columns, two column layout, weebly
Category: Layouts & Sidebars No Comments

How To Change The Fonts, Sizes, Width of Weebly Blogs and Side Bar

You can customize Weebly Blog and the Blog Side Bar if you are a little comfortable with adding a few lines to main-style.css. Lets take the example of Custom-Blog from Informal Theme which has a few changes to the side bar and fonts.

This Weebly Blog page has a wider than normal side bar …

October 7, 2011 Tags: custom blog, sidebar, weebly
Category: Blogs, Forums & Forms, Layouts & Sidebars 1 Comment

How To Remove Weebly Blog Side Bar

For many people who would like to present more information on the blog main page, removing the side bar is a great way. There could be other situations which demand the entire page to be used for Blog Post in Weebly. The Blog Page of FreeWeeblyThemes has no side bar.

To remove the side bar from Blog page of Weebly, you need to edit the main-style.css which can be accessed from Design -> Edit Html/CSS. Add the following to main-style.css

.blog-sidebar {
        display: none;
	width: 215px;
}

Save your theme. Your Blog pages will no more have the side bar.…

October 3, 2011 Tags: side bar, weebly blog
Category: Blogs, Forums & Forms, Layouts & Sidebars 3 Comments

How to Change Paragraph Text Style in Weebly

You can set the default paragraph text style to be used in your weebly site from Design -> Design Options -> Paragraph Text.…

August 1, 2011 Tags: paragraph text style, weebly
Category: Elements & Features, Layouts & Sidebars, Tutorials No Comments

How to Edit Paragraph Title Font Size, Colour in Weebly

You can set the Paragraph title font type, colour and size that will be used for all paragraph titles in Weebly. You can also change the size, colour and styling of any particular paragraph title to be different from this setting also.…

August 1, 2011 Tags: colour, paragraph title font, size, weebly
Category: Elements & Features, Layouts & Sidebars, Tutorials 3 Comments

How to Add Horizontal Divider Bar in weebly

The horizontal divider bar is a very good element in weebly which can enhance the usability and appearance of websites. We use it in almost all of our websites: Telugu Mahal, Using Blogs, Free FSBO Website. We use it in the main content area as well as the side bar area. It’s a good way of de-marking different sections of pages. Following is an example…

July 25, 2011 Tags: divider bar, horizontal divider bar, side bar, two column layout, weebly
Category: Elements & Features, Layouts & Sidebars, Tutorials 2 Comments

How to Create Side Bar for Weebly Pages

Side bars are a very effective usability feature of a web page. In Weebly, you can create side bars for any page using the ‘Two Column Layout’ element. You can use the side bar to link to social networks, place advertisements and other pointers. Following steps describe…

July 14, 2011 Tags: copy element, side bar, two column layout, weebly
Category: Layouts & Sidebars, Tutorials 34 Comments

Login / Register