-
▼
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
Post a Comment