Imbalance 2 – customised header

  • Author
    Posts
  • #835373

    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.

    #835572

    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.

    #835573

    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

The topic ‘Imbalance 2 – customised header’ is closed to new replies.