WordPress.com

1. abumptothehead
   Member
   Mar 1, 2012, 1:40 AM

   I have upgraded to CSS & now I would like to change the header on my blog from the default to a customised one (jpeg image). I would also like to move the position of the 'pages' & add drop down menus. Please can you advise how I do this? Many thanks

   The blog I need help with is abumptothehead.wordpress.com.

2. designsimply
   Staff
   Mar 1, 2012, 4:28 PM

   I would like to change the header on my blog from the default to a customised one (jpeg image).

   Here is an example of changing out the current header image you have in your Imbalance 2 theme with a different one:

   #header-image-link img {
   display: none;
   }
   #header-image-link {
   display: block;
   background: url(YOUR_IMAGE_URL) no-repeat;
   width: YOUR_IMAGE_WIDTH;
   height: YOUR_IMAGE_HEIGHT;
   }

   Replace YOUR_IMAGE_URL with your image link, and replace YOUR_IMAGE_WIDTH and YOUR_IMAGE_HEIGHT with the width and height of your image.

3. designsimply
   Staff
   Mar 1, 2012, 4:33 PM

   I would also like to move the position of the 'pages' & add drop down menus.

   You can move the pages and categories menus you have now to the bottom of the header area in the Imbalance 2 theme with the following CSS. Note that this CSS is just a start and is based on your current setup:

   #header {
   position: relative;
   }
   #header-left {
   position: absolute;
   width: 100%;
   bottom: 30px;
   }
   #header-center {
   position: absolute;
   width: 100%;
   bottom: 0;
   }
   .menu ul li {
   float:left;
   padding-right:20px;
   }

   Making dropdown menus work will take some work to change. If you can start by actually setting up some submenu items in your custom menus, I can take a look. The CSS to change it after that is not a simple change and it would help to have submenu items setup by you first.

   This help page shows an example of how creating submenus works on the Appearance → Menus page: http://en.support.wordpress.com/menus/#changing-the-order-of-menu-items-and-creating-sub-menus

Topic Closed

This topic has been closed to new replies.