Change logo size and padding

Tagged: logo

This topic has 4 replies, 2 voices, and was last updated 10 years ago by JohnnyvanM.

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

Author

Posts
April 16, 2014 at 10:21 am #11749
JohnnyvanM
Customer
Hello,

I want to change the size of the logo. It’s now 360 x 164 px and I want it to be 300 x 77 px. Could you tell me how I can do that?

And the height of my header is 77px when I have the (widget) menu activated. I want the height to be the same when the logo is in place.

I tried different things, like change the size in function.php en style.css. The logo gets the correct size, but the header doesn’t stay the same size (height in px). It changes to 125 px instead of the 77px.

Could you tell me what I should do?

I would appreciate the help.
April 17, 2014 at 11:12 am #11770
JohnnyvanM
Customer
Anyone who knows the anwser to this problem?
April 17, 2014 at 12:19 pm #11779
Eric
Customer
Do you have a link to your site so we can see what’s going on?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
April 18, 2014 at 4:20 am #11790
JohnnyvanM
Customer
Hello,

Thanks for your response Eric.

This is the url where you can see the problem: bit.ly/1lc2SHv (copy and paste)

Normal the size of the logo is 360 x 164 px and when you upload the logo, the header automatically becomes 164px in height. Without logo the header is 77 px in height.

I want to make the logo smaller. So in Functions.php I changed it to:
```
// Add support for custom header
add_theme_support( 'genesis-custom-header', array(
	'width' => 300,
	'height' => 77
) );
```
And it CSS I changed this:
```
.title-area {
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	float: left;
	padding: 0;
	padding: 0;
	width: 300px;
}
```
And this:
```
.header-image .site-title a {
	float: left;
	min-height: 77px;
	width: 100%;
}
```
As you can see om my website, the logo gets the correct size, but the header not. It’s 125 px instead of the 77px that I want.

Is there something else that I have to change?
April 18, 2014 at 10:17 am #11792
JohnnyvanM
Customer
I have figured it out. I had to change the widget area padding:
```
.header-image .site-header .widget-area {
	padding: 40px 0;
	padding: 1rem 0;
}
```
Author

Posts

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

The topic ‘Change logo size and padding’ is closed to new replies.