WordPress.org

Ready to get started?Download WordPress

Forums

Theme that has 800x400 header image? (4 posts)

  1. Sydney078
    Member
    Posted 6 years ago #

    I have no idea how to make a wordpress theme and I keep running into problems with the current theme I am using (Falling Leaves). The menu bar will not add the link for blog I tried the theme generator but couldn't come close to what I am looking for.

    I am trying to set up a wordpress site for someone using a graphic that they want to use as their header image that is 800x400px. It was created to the dimensions for a business card and I have tried shrinking it but it will be too narrow and enlarging it makes it too big

    Does anyone know of a current 2.5.1 compatible theme that has a header image the size about 800x400px?

    This is the look I am trying to get:

  2. Joni
    Member
    Posted 6 years ago #

    Where's the link to the look you want? We've got a few themes that are fixed width like that, but I haven't refined them to ensure that they work with WP 2.5.1 and some aren't widgetized; other than needing the widget code, they should be fine, as they worked okay with 2.3.x. Contact me offlist (see my profile) and I'll let you have the files to play with if you want. :)

  3. Sydney078
    Member
    Posted 6 years ago #

    Thank you for the fast reply :)
    I tried editing the Driver Theme found here: http://wordpress.topwpthemes.com/ to use, but if you don't have any information typed in a blog or posts, the page shrinks. I don't like that it doesn't stay at least 600px.

    That is the basic look I am going for except for the colors and header image which I was able to change.

  4. markdw
    Member
    Posted 6 years ago #

    If you want to just use this driver theme then all you need to do to make the header image different is change the following code in the stylesheet:

    #header {
    background:transparent url(images/header.jpg) repeat scroll 0%;
    height:290px;
    margin:0pt auto;
    padding:0pt 0pt 0pt 0px;
    width:850px;
    }

    to

    #header {
    background:transparent url(images/header.jpg) repeat scroll 0%;
    height:400px;
    margin:0pt auto;
    padding:0pt 0pt 0pt 0px;
    width:800px;
    }

    You will also need to edit a few other things. Find the following code, also in style.css:

    #page {
    background-color:white;
    margin:20px auto;
    padding:0pt;
    width:850px;
    }

    change to:

    #page {
    background-color:white;
    margin:20px auto;
    padding:0pt;
    width:800px;
    }

    and finally find

    .narrowcolumn {
    background:#FDFCCA url(images/content-background.jpg) repeat-x scroll 0%;
    border:3px solid #9A9923;
    display:inline;
    float:right;
    margin:0pt 15px 0pt 0pt;
    padding:10px;
    width:535px;
    }

    and change to:

    .narrowcolumn {
    background:#FDFCCA url(images/content-background.jpg) repeat-x scroll 0%;
    border:3px solid #9A9923;
    display:inline;
    float:right;
    margin:0pt 15px 0pt 0pt;
    padding:10px;
    width:485px;
    }

    Hope that helps.

Topic Closed

This topic has been closed to new replies.

About this Topic