WordPress.org

Forums

Iconic One
[resolved] What are the maximum dimensions of header logo/picture (9 posts)

  1. SpareBot
    Member
    Posted 1 year 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 950x250 picture (I think) which obviously does not fill the whole area.

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

  2. Andrew
    Forum moderator
    Posted 1 year ago #

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

  3. SpareBot
    Member
    Posted 1 year ago #

    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!

  4. Andrew
    Forum moderator
    Posted 1 year ago #

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

  5. SpareBot
    Member
    Posted 1 year ago #

    Using Child Theme

  6. Andrew
    Forum moderator
    Posted 1 year ago #

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

    .themonic-logo {
     padding: 0;
    }
  7. SpareBot
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    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)

  9. SpareBot
    Member
    Posted 1 year ago #

    Now we are talking.

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

    But thats nearly perfect now. THX!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.