Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16336

    Hi,

    I have payed someone to create a professional header for me, but I am lacking the exact width of the header space. I saw this answered in another thread and although the height (161) matches, the width (960x) doesn´t, it just covers the center space, I mean like from slider number 1 to slider number 4, excluding the two big sidebars. I would like it to cover the full width including sidebars so what´s the full width exact number?

    Oh and now that we are at it, I would also need to know how do I exactly introduce the new header into the theme, for I don´t know how to do it.

    #91134

    Hi,

    The header is 960px but there are right and left paddings of 20px each.

    Regards,

    Ismael

    #91135

    Hi,

    Thanks for the answer. Nevertheless, you didn´t say anything about how to upload the new header. I searched inside the forum and found this thread: http://www.kriesi.at/support/topic/changing-bannerheader-totally-w-new-jpeg

    The problem is, I followed all those steps and the new header uploaded, but look at what is happenning: http://www.unikorns.com.

    I don´t understand why the “Newscast, a themeforest blog…” message is still showing. On the other hand, the unikorn animal gets duplicated on the right sidebar, no idea neither why this is happenning. This is the exact header I´m trying to introduce:

    http://www.unikorns.com/wp-content/uploads/2012/09/header-1.jpg

    I don´t understand why it doesn´t just stay centralized.

    Please helppp!

    #91136

    Hi edogpus,

    The issue is you need a bit of css to position the background. The current background image in the demo is: http://www.kriesi.at/themes/newscast/wp-content/themes/newscast/images/skin1/bg.png

    Which gets repeated. So in replacing it you need to change the css so that it stays centered. At the same time, you’ll need to remove the default logo since your background image now shows the logo and blog title.

    So in style1.css where you added in the url for the image, change that whole thing to:

    body{
    background: #fff url(http://www.unikorns.com/wp-content/uploads/2012/09/header-1.jpg);
    color:#666;
    background-repeat: no-repeat;
    background-position: center top;
    }

    Now, in the same file (style1.css), you need to scroll down to the bottom and add:

    /** Remove the Logo and logo link**/
    #top .logobg a {
    display: none;
    }
    /** Remove the Social Icons and Search Bar**/
    #headextras {
    display: none;
    }

    I added in the search bar removal as well since it covered some of your header image.

    For additional customization like this, I would recommend looking into a freelance developer who can take a big list of little css customization’s and fixes like this and get it done in a few hours.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Header exact size’ is closed to new replies.