WordPress.org

Support

Support » Themes and Templates » Iconic One » [Resolved] What are the maximum dimensions of header logo/picture

[Resolved] What are the maximum dimensions of header logo/picture

  • Hi WordPress’er

    I am trying to find out what the maximum/optimum logo/pictures size for the header is. Dispite my efforts (including going through all topics in the iconic one support area) I could not find an answer.

    Usually the theme shows a suggested resolution in the headerlogo section in the dashboard. As Iconic One only gives access to the header logo in the modify area of the design tab, there is no info given in that matter.

    The reason behind my question:

    I am trying to “fill” the grey outlined header logo area with a full picture. I am currently using a 950×250 picture (I think) which obviously does not fill the whole area.

    My website is http://www.deathmetalmods.de

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    The white space inside the grey outline is added with CSS padding. Even if you have a 1900×500 picture you won’t be able to fill it – if that’s what you’re referring to.

    Oh I see,

    I found some topics in the support area that dealt with full size logo and space between logo and main menu … so I guess I will have to poke around for the apropriate padding css modifications to get rid of the spaces?

    Thanks for the very quick reply by the way!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Does your theme come with a “Custom CSS” option? Or are you using a Child Theme?

    Using Child Theme

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    You can just add some CSS at the bottom of your Child Theme style.css file to override this padding:

    .themonic-logo {
     padding: 0;
    }

    Allright, allready much better. There is still a little space left inside that grey box.

    It looks like the image is not tall enough and that there might actually be a recommended resolution. Any additional advice?

    Thanks anyway so far!!!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Looks like there’s also some margin causing that white space, to override that add:

    margin: 0;

    E.g:

    .themonic-logo {
     padding: 0;
     margin: 0;
    }

    The ideal size is 1040px (width) by 200px (height)

    Now we are talking.

    I see there the header logo is aligned to the left. I will make a 1040×200 picture and see how that goes.

    But thats nearly perfect now. THX!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] What are the maximum dimensions of header logo/picture’ is closed to new replies.
Skip to toolbar