web analytics

WordPress Twenty Ten Theme – Adjust Space Above and Below Site Header

Technology > WordPress

When using the WordPress Twenty Ten theme (for those not hosted on WordPress.com), it is desirable to remove the site header text that displays the site title and tagline at the top of the page. This conserves space and allow for a more artistic presentation of the site.

After removing the header title and tagline, the gap at the top of the page will be noticeable. To save page space, it’s a good idea to reduce this margin of white space at the top of the page above the header. To balance the narrower top margin, a smaller margin below the header image and navigation menu is needed.

Follow these instructions to adjust the margin of space above and below the page header image.

  1. From the Dashboard, under Appearance, click on editor.
  2. Click on the Stylesheet file link in the right column to begin editing the style.css file.
  3. Select all the text shown so you can copy it and paste it into the Notepad (Windows) or Text Edit (Apple). This way you can save a backup in case you want to go back.
  4. Scroll down until you see the text shown below. Change padding from 30px to 10px, then click the Update File button to save your changes.
  5. Still editing the same stylesheet file, scroll down until you see the text shown below and change padding from 40px to 10px, then click the Update File button to save your changes.
  6. Preview your website and notice the changes.
  7. Make any further adjustments as needed based on your preference.




By Greg Johnson

Greg Johnson is a freelance writer and tech consultant in Iowa City. He is also the founder and Director of the ResourcesForLife.com website. Learn more at AboutGregJohnson.com