metro pro – right widget area pushes logo away

[Albert]

hello

I added a bigger logo in my header, 550x117.
Now I added the header right widget where I want to have the social icons with a search bar.

2 Questions though:
1.Why is the right header widget deleting 25% of my logo ?
I gave the widget area a red background to see how big it really is, and it doesn't touch my logo at.
If I delete the widgets, the logo comes back.

2.How can I delete the padding between the 2 widgets, they are 2 far apart and it pushes down my header.

http://albertabroad.com/versie3

[Tim Squires]

Hi,
In your functions.php file you should find some code that looks similar to this:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 300,
	'height'          => 80, 
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );

You need to alter the two values 'width' and 'height' to match yours, so 550x117

That should let your logo display without it getting cut off, but I'm not sure how to handle the widget area problem.

I hope that may be a help to start with though.

---

timsquires.com.au

[Tim Squires]

PS: Changing the functions.php file can cause errors, so it's best to do it via ftp if you can in case you need to restore your original file (save a copy of it before making any changes)

---

timsquires.com.au

[Albert]

Hi Tim

I already did that, because the standard widths are 270x80.
So I changed it to

//* Add support for custom header
add_theme_support( 'custom-header', array(
'width' => 550,
'height' => 117,
'header-selector' => '.site-title a',
'header-text' => false
) );

The image is showing again if I delete the right widget.

Thanks for the fast reply anyway!

[Tim Squires]

You're welcome, but sorry I couldn't help. I'll keep thinking about it and let you know if I find a solution.

---

timsquires.com.au

[jengabbard]

Did you try changing the css to:

.title-area {
float: left;
padding: 0px;
width: 550px;
}

and then messing around with the padding on your right widget until it's in a place you like.

---

Puppy Leaks I love the Metro theme

[Albert]

O christ, chancing the width to 550 in .title-area did the job.
I was searching for the problem in .site-header all the time.

Any idea where I change the padding between 2 widgets in .site-header .widget-area { ?
There is no padding or margin in it at all.

Thanks!

[Albert]

The only thing I can do is changing the height of the area, but not padding between the 2 widgets.

[jengabbard]

I was trying to figure that out - if I added padding to the right widget it was only moving the social part, the search was staying in place. I wish I knew how to help further.

I know you could add padding to both widgets individually but I'd assume there would be a way to move the whole widget area over.

---

Puppy Leaks I love the Metro theme

[Author]

Posts