-
▼
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 Center Headers in CSS on WordPress
1. Open your browser and load the wp-admin directory of your WordPress website. Enter your username and password to log in to the dashboard.
2. Navigate to 'Editor' under 'Appearance' to load the 'Edit Themes' screen. Load the header.php template file in to the editor box by clicking on its link under the 'Templates' heading.
3. Locate the set of tags wrapping around your header. Depending on the theme and the standard of HTML used, you might find '
,' '
,' or '
' tags. Find the ID assigned to the wrapping tag:
Header content here...
In the above example, 'myheader' is the ID you need.
4. Load style.css in the editor by clicking its link at the bottom of the list of template files. Find the selector that targets your header. Here is an example using the 'myheader' ID:#myheader {background: URL(path/to/image.png) center no-repeat;width: 960px;height: 200px;}
5. Add the following CSS code between the curly braces for the '#myheader' selector:margin-left: auto;margin-right: auto;Click the blue 'Update File' button to save your work.
5:56 AM | Filed Under | 0 Comments
Post a Comment