-
▼
2011
(334)
-
▼
June
(28)
- How to Place JavaScript Into WordPress Pages
- How to Choose a WordPress Business Theme
- How to Use Google's AdSense With WordPress
- How to Change WordPress From Strict to Transitional
- How to Automatically Link WordPress Articles
- How to Find a WordPress Post ID
- How to Insert a Map Into WordPress
- How to Install FeedBurner for WordPress
- How to Add Clickable Logos in WordPress
- How to Add a Wordpress Blog to a Static Site
- How to Remove Phoenix Exploit From Your WordPress ...
- How to Access WordPress on HostGator
- How to Get Vietnamese in WordPress
- How to Add AdSense to a WordPress Theme
- How to Use PHP in WordPress Editor
- How to Do a Complete Uninstall of Wordpress From H...
- How to Use WordPress Mobile Edition
- How to Make a WordPress for Facebook
- How to Access Login to WordPress on your Web Server
- How to Embed Tweet Box With WordPress Plug
- How to Insert an Image Into a WordPress Blog Witho...
- How to Stop the Alphabetical Sorting of WordPress ...
- How to Upload Word Documents to Wordpress
- How to Center Headers in CSS on WordPress
- How to Use Images in a WordPress Template
- How to Create a Sitemap in WordPress
- How to Convert a WordPress Template to Fluid Width
- How to Make a WordPress Thumbnail Redirect to an E...
-
▼
June
(28)
adsense
How to Convert a WordPress Template to Fluid Width
1. Open the WordPress theme folder on your computer. You downloaded and installed the theme at some point in the past. If you deleted the copy on your computer after you uploaded the theme to your site, download another copy from whichever website provided your theme.
2. Look for the file named 'style.css' and double-click to open it. If you're prompted to choose a program to open it with, choose Notepad (Windows) or TextEdit (Mac). Any Web design program will also work, but Notepad and TextEdit are easy to read code in.
3. Carefully scroll through the file for any lines of code labeled 'width: 000px;' where 000 may be any numbers. You're going to change the px values to percent values.
4. Decide what percentages you will use. Many WordPress templates, or themes, have three basic sections: a '#header' section defines the horizontal area across the top of the page, a '#main' section where the posts appear and one or more '#sidebar' sections. The header is often set at 100% while the main section is 80% and the sidebar 20% if there's only one.
5. Change each '000px' value to the percent value you chose. Using the example above, you would type 'width:100%;' in the #header section, 'width:80%;' under #main and 'width:20%;' under #sidebar. Leave out the quotation marks.
6. Save the file and upload the new 'style.css' file to your website. Use whatever method you usually use to upload. Visit your site online to view the changes. Hit the refresh button to reload the page if you don't notice the change right away.
1:52 AM | Filed Under | 0 Comments
Comments
Popular Posts
-
1. Log in to your Weebly account. 2. Click 'Theme Editor.' 3. Click on the 'Design' tab. 4. Select 'Edit CSS/HTM...
-
1. Sign up for a publisher account at Bidvertiser. Submit basic contact information and confirm your email address to get started. 2. Lo...
-
1. Log in to your WordPress dashboard. 2. Open the 'Appearance' section on the left side of the WordPress dashboard and then cli...
-
1. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
Facebook Widget 1. Create a Facebook fan page for your blog, if you don't already have one. You will have to manually share content wi...
-
1. Download and install the WordPress for BlackBerry app via BlackBerry App World. Download the version that corresponds with your BlackBe...
-
1. Go to your WordPress blog's administrative control panel. 2. Click the 'Settings' button on the left-side navigation menu...
-
1. Click the 'Add Contact' button on the 'Add New Post' page. This opens the 'Add a Contact Form' page. 2. Click...
-
1. Register an account with Amazon Web Services Cloud. If you have an existing Amazon account, enter your email address in the appropriate...
-
1. Log into your WordPress.com account using your user name and password. 2. Hover your cursor over the 'My Blogs' tab at the to...
Post a Comment