Need help with News Pro header image please!

[Mr_Vercetti]

Hi guys and girls.

I am desperately trying to change my header size in the News Pro theme. I did a search trough these forums and found some instructions, but unfortunately nothing seems to work for me. Maybe I am doing something wrong, but I don't know what...

I have uploaded a random image to my header now to show you how it looks.

The URL is: http://www.technofil.dk

Here's what I've changed so far:

1. In functions.php I changed the 'height' and the 'width' (I don't know why I used those sizes).

//* Add support for custom header
add_theme_support( 'custom-header', array(
'header_image' => '',
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 200,
'width' => 1248,

2. In style.css I have added the padding 4rem; like so:

.site-header {
background-color: #fff;
border-bottom: 3px solid #000;
}

.site-header .wrap {
padding: 40px 0;
padding: 4rem 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
float: left;
padding-left: 40px;
padding-left: 4rem;
width: 300px;
}

.site-title {
font-weight: 700;
font-size: 48px;
font-size: 4.8rem;
font-weight: 700;
line-height: 1;
margin: 0;
text-transform: uppercase;

}

3. Still in style.css I changed the min-height to 200px like so:

/* Logo, hide text */

.header-image .site-title a {
background-position: top !important;
float: left;
min-height: 200px;
width: 100%;
}

My site looks very strange now.. it seems I have expanded the area around the header image, but not the image it self.

http://www.technofil.dk

[Tonya]

Hello,

The problem is there is padding around the header image. Here are the changes you can make to make it fill the area (in your style.css file):

line 1039

.site-header .wrap {
padding: 0;
}

line 1081

.header-full-width .title-area {
padding: 0;
text-align: center;
}

Cheers

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Mr_Vercetti]

Thank you SO much, you have no idea how much you just made my day:-)

I'll be glad to give you endorsements on Linkedin or something in return for your help, it was very nice of you to help me.

Best regards

Jesper

[Tonya]

Hi Jesper,

You are very welcome. We are all here to help one another, with nothing expected in return. One day you'll may be in a position to help another here too.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

BTW If you would, please mark this thread as resolved if you are satisfied. Cheers 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Mr_Vercetti]

Just did:-)

Once again, thank you very much and have a nice weekend!

[Author]

Posts