Need help? Check out our Support site, then


Imbalance 2 - customised header

  1. abumptothehead
    Member

    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. 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. 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.

About this Topic