What are the maximum dimensions of header logo/picture

  • Resolved SpareBot

    (@sparebot)


    11 years, 1 month ago

    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 https://www.deathmetalmods.de

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter SpareBot

    (@sparebot)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter SpareBot

    (@sparebot)

    Using Child Theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    .themonic-logo {
 padding: 0;
}

    Thread Starter SpareBot

    (@sparebot)

    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!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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)

    Thread Starter SpareBot

    (@sparebot)

    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 ‘What are the maximum dimensions of header logo/picture’ is closed to new replies.