Header exact size « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Header exact size

4 posts from 3 voices

Started 8 months ago by edogpus
Latest reply from Devin
This topic is not a support question

Tags:

edogpus
Member

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.

Posted 8 months ago #
Ismael
Moderator

Hi,

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

Regards,
Ismael

Posted 8 months ago #
edogpus
Member

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!

Posted 8 months ago #
Devin
Moderator
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
Posted 8 months ago #