What are the height size dimensions of the header logo 1024px in width? I seem to be getting a lot of white space above and below. Thanks.

Your header logo can be any size you want.

If you wish to remove the space above and below your header logo, you will have to add some CSS to the Custom CSS editor:

#title { margin: 0; }
#description { margin: 0; }

Thanks cbavota! That did the trick! :)

Hi. i've just upgraded to the new MP version, and can't seem to be rid of the white space above and below the header... i've tried the addition to the Custom CSS as above but that does not seem to work.

My site is www.michaelsmusings.com.au

Thanks for that. It worked fine.

Very much appreciate your speedy help.

You might also have to use the following CSS if there is still a small border at the top.

#header { padding-top: 0 !important; }

I've got the same problem on magazine flow, but the css above doesn't work..can you help?

@markocabrijan Please show me a live link with the issue.

First, thanks for the quick response. I don't have a live link 'cause I already have a running site on magazine basic, and this will be the upgrade. So, for testing purposes I use an virtual environment on my computer. The best that I can do is show you how it looks like with a print screen:
http://www.inkvizicija.com/wp-content/uploads/2011/03/main_page.gif

The image for the header logo is 1200x156 px, the site width is set to 1200 px, and i put these code in the custom CSS:

#title { margin: 0 !important; }
#description { margin: 0 !important; }
#header { padding-top: 0 !important; }

Thanks for the help.

Oh. That's the body padding.

body { padding: 0; }

ok, here's the result, better, but still not quite there:

http://www.inkvizicija.com/wp-content/uploads/2011/03/main.gif

and since we're talking about padding, I've got another "problem", that I hope isn't a big one. In a post where the image is inserted, the text is right next to the image, without padding. This is an example:

http://www.inkvizicija.com/wp-content/uploads/2011/03/post.gif

That never happened before in magazine basic, 'cause I put a frame (or padding, border, call it what you want) when I write the post with the text editor, this is how it looks like:

http://www.inkvizicija.com/wp-content/uploads/2011/03/post_edit.gif

Now, something erases the padding, probably some css, so can you give me a hint?

I tried just to add space before the text, it worked, but the results vary, and can be quite disastrous.

Are you trying to remove the red above and below your film strip?

If you are inserting an image, you need to make sure that you are using one of the align classes, either alignleft, alignright, aligncenter, or alignnone. WP adds this automatically when you are adding an image through the image uploader.

Yes, I'm trying to remove the red above and below (especially) the film strip.

Of course I'm using the align, but the default in wordpress is catastrofic (the whole text editor) so I use Dean's FCKEditor For Wordpress (http://www.deanlee.cn/wordpress/fckeditor-for-wordpress-plugin/)
and I'm very pleased with the results, the images have the space/padding I choose
(live example: http://www.inkvizicija.com/index.php/beneath-hill-60-2010/ ), but in magazine flow it doesn't work. It is a small but important thing, 'cause it affects the easy reading of the post :(
If there is no other way, is there any custom css I could use to automatically give images in posts some (default) padding?

Thanks again for the effort. It's the small things that matter ;)

If you are using the align and it adds the right class to each img then it should appear with the correct margin/padding.

This is your image tag:

<img border="20" align="left" width="220" vspace="15" hspace="15" height="326" title="Beneath Hill 60 (2010)" src="http://www.inkvizicija.com/wp-content/uploads/2011/01/Beneath-Hill-60.jpg" alt="Beneath Hill 60 Beneath Hill 60 (2010)">

I've been using that plugin so long I didn't realize that the default text/post editor is better now.I Removed the plugin, and now there's no problem with the padding. Thanks a lot. Now remains only the logo problem...

I would have to see the logo live in order to figure it out.

Is there any way to randomly rotate a variety of header/logo images?

TIA,
Art

You could create an animated gif and add it as your logo. That would be the easiest way without having to modify the core header.php file.

Finally I put the site on line, so now you can see it live: www.inkvizicija.com
I want to remove the empty space below the header logo over the navigation menu (if possible)
And one more thing. I put a plugin for showing posts with news in a carousel on the front page, but for some reason in firefox (only, IE and Opera showing it right) there's an ugly displacement to the right. I know that is probably caused by some CSS, so please can you give me a solution? If I can put some custom css or the place (file and line) to put some code/div tag to resolve the issue. Just for the record, I tried two other plugins with the same result :(

Thanks for the help, I love the magazine flow theme, it's a blast and I'm hope there will be more in the future.

@markocabrijan You need to add this to your Custom CSS to remove the margins:

#headerbanner { padding: 0; }

I tried to copy the link as you showed in the video but on my website will only link up, not the image.
http://kristinsverden.com/wp-content/uploads/2011/08/print_scr_logo.jpg
What have I done wrong?

What version of Magazine Premium are you using? Have you entered the URL in the correct field under the Layout Options?

Magazine Premium - 1.1.7
http://kristinsverden.com/wp-content/uploads/2011/08/print_scr_layout_options.jpg
http://kristinsverden.com/wp-content/uploads/2011/08/logo.jpg
I can not find a broken link og wrong URL

That is the header ad space, not the header logo. Go to the Header and Footer tab and enter your logo URL in the header logo field box.

Hi there!

First time around here, and am thankful for this theme. I've tried a bunch of essentially minimalist magazine themes, and this one seems to meet my needs the best and easiest.

I'm also trying to remove the white space above the logo this time yet keep that below it, but the space is still there inspite of using the CSS codes from here. This is what I've used so far:

/* Header Elements */
 
#title { margin: 0 !important; }
#header { padding-top: 0 !important; }

Ooops, I forgot to input my direct link: http://davezan.com/test . See for yourself.

Try this:

.headerimage img { margin-top: 0 !important; }

Sigh, no dice. It did remove the white space above the logo, but it seems to have disrupted everything else like remove the lines creating the grid look and all.

I since removed the code, and it's back to what it is now. Does it matter where those codes are placed, I wonder?

Try this:

.headerimage img.aligncenter { margin-top: 0 !important; }

I removed the original CSS codes and input just that line you gave. Thank goodness it worked!

Thank you so much!

If I try to activate a logo instead of a title in the WP-backend my logo is shown but above it this error warning:

Warning: getimagesize(http://torrent-magazin.de/wp-content/themes/magazine-basic/uploads/Logo für Homepage.jpg) [function.getimagesize]: failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /kunden/325678_40215/webseiten/wordpress/wp-content/themes/magazine-basic/functions.php on line 108

How do I get rid of the warning?

What theme are you using?

Magazine Basic

Make sure you are using the latest release which is version 2.7.6.

Thanks, that works.
But isn't the column width for the single blog posts much to broad for a convenient reading in the new version if you choose a side width of 1024 px?

That hasn't changed at all from the other versions.

I'm having a similar issue with space in between the header and the posts/sidebar. What is the best way to adjust the height of the header? Tried adding a #headerimg tag with the dimensions to the stylesheet but did not work. Also have a space below menu bar that I can't get rid of with the above tips. www.naturefind.com/wordpress

Your issue is actually with the slideshow and an image float style:

#sliderota ul.images li img, #scrollerota ul.images li img, #faderota ul.images li img {
  float: none;
}

Hi, :-)

Just purchased Magazine Premium from you last week and I'm loving it.

My question: I'm getting a weird "bounce" on page loads in the header ad/site logo area with Firefox. The issue does not occur with IE or Chrome. The issue occurs when switching between different pages on Firefox but not when the same page is reloaded. Can this be fixed?

http://georgeorwellnovels.com/

Thanks in advance for all help.

I don't really see it. I tested it in the latest release of Firefox on a Mac.

I just figured it out. The problem is with the way the AdSense ad at the top loads in Firefox. The issue does not occur with IE or Chrome.

I just turned off the header ad and the "bounce" is gone. I'll have to go into AdSense now and see if I can find a fix there.

FYI: I'm using the latest version of Firefox with Windows 7.

Thanks for your reply. :-)

I've tried each of your suggestions above, adding the custom CSS, however my header logo is still off-centered with white space showing. I thought my image had the correct dimensions, but I'm still not sure what's wrong.

Header can be seen here:
http://jackaround.net/

@jackaround You need this:

.headerimage img, #description { margin: 0; }
#login { padding: 10px 20px 6px; }

Thanks, for your quick response, @cbavota - but that still doesn't seem to do it. I tried copying that code into the header section and simply appending it to the bottom of the CSS sheet.

I just checked out your site and it looks perfect.

Thanks @cbavota, I'll have to check which code I used, but you're right, it is displaying correctly now. I appreciate your help!

I have too much space between the logo and the tag line. Also, I'd like a bit of white space after the tagline.

Do you have code for that?

My website is
http://www.buffalo-niagaragardening.com/

My website is
http://www.buffalo-niagaragardening.com/

You have too much space after your logo because the image has too much white space in it. You need to crop the image. Then you need to add back the margin after the tag line.