-
▼
2012
(336)
-
▼
January
(28)
- How to Display Custom Post Types in Wordpress 3.0
- How to Import iCal to WordPress
- How to Design a WordPress Header
- How to Increase the Header Height in WordPress
- How to Merge Widgets in WordPress
- How to Remove Navigation on Certain Wordpress Page...
- How to Embed SWF in WordPress Posts
- How to Upload a Video With a WordPress Plugin
- How to Find and Replace the Domain URL for a WordP...
- How to Install a New WordPress Template
- How to Transfer WordPress to Bluehost
- How to Move Your WordPress Blog if You Use StartLo...
- How to Customize a New User Registration Email in ...
- How to Convert a Weebly Theme to Wordpress
- How to Insert a Line After Each Blog Post on WordP...
- How to Use PHP Scripts in WordPress Posts or Pages
- How to Hide a Tagline in the WordPress Headway Theme
- How to Install and Debug a WordPress Developer Theme
- How to Configure Adobe Contribute for Wordpress
- How to Use Ajax in WordPress
- How to Find Default.CSS of Thematic WordPress
- How to Migrate From ASP to WordPress
- How to Merge Tags in Wordpress
- How to Make Boldface Headlines in WordPress and Th...
- How to Place Photos Side by Side in WordPress
- How to Add a Header to a Wordpress Blog
- How to Use WordPress for an Online Auction
- How to Use View Source to Figure Out Wordpress Sty...
-
▼
January
(28)
adsense
How to Increase the Header Height in WordPress
1. Open your blog's 'header.php' template file. This is located in a subdirectory of the /wp-content/themes/ directory on your WordPress server; if you are using the Classic theme, for example, the file you want is at /wp-content/themes/classic/header.php.
2. Find the '#headerimg' style settings. These will look something like this:#headerimg {margin: 7px 9px 0;height: 192px;width: 740px; }Change the number after 'height' to specify a new height for the header image -- the primary content of the header. Save the file.
3. Open the 'styles.css' file, located alongside 'header.php,' and find the '#header' style settings:#header {background: #90a090;border-bottom: double 3px #aba;border-left: solid 1px #9a9;border-right: solid 1px #565;border-top: solid 1px #9a9;font: italic normal 230% 'Times New Roman', Times, serif;letter-spacing: 0.2em;margin: 0;padding: 15px 10px 15px 60px;}Again, change the relevant numbers to modify the size of the borders and padding on the top and bottom of the header, thus changing its height.
4. Check the 'styles.css' file for '#headerimg' settings. Not all WordPress themes include these settings in the CSS file, but many do. If yours does, change the numbers in it to match those you set in 'header.php' and save the file.
5. Experiment with different header sizes and styles -- you may need to undergo some trial and error before you find the ideal settings for your blog.
12:47 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...
-
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. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
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