Premium Theme Support › DesignOrbital › Axon

Image Sizes Basic Instructions

  • Author
    Posts
  • #75268
    tourascoholidays
    Member

    Hi,
    I cannot find anywhere the recommended dimensions for the featured images [both full width and normal], plus the size of the header image.

    Can you help me please?

    Also, is there anywhere on wordpress that I can find some sort of manual for this template so that I don’t have to keep asking basic questions.

    Many thanks
    Gail

    The blog I need help with is: (visible only to logged in users)

    #75405
    designorbital
    Theme Author

    Hi Gail,

    I cannot find anywhere the recommended dimensions for the featured images [both full width and normal], plus the size of the header image.

    Standard Featured Image Size: 848 x 500
    Full Width: 1140 x 600
    Header Dimensions: 1920 x 450

    Also, is there anywhere on wordpress that I can find some sort of manual for this template so that I don’t have to keep asking basic questions.

    https://theme.wordpress.com/themes/axon/
    https://theme.wordpress.com/themes/axon/support/

    Thanks

    #75408
    tourascoholidays
    Member
    Original poster

    Wonderful – thanks very much
    Gail

    #75582
    tourascoholidays
    Member
    Original poster

    Hi,
    I have loaded an image for the header with the dimensions 1920 x 450, but it shows on the site being cropped. When I look at the info on the image, it has cropped it to 300 high – how do I get round this problem. I have not cropped the image when saving.
    Thanks
    Gail

    #75585
    tourascoholidays
    Member
    Original poster

    Hi – when I look further into my problem above, I can see that the header image is showing correct size on http://temptingholidays-blog.com/travel-blog/ but on all the other pages it is cropped to 300 high.
    Thanks, Gail

    #75620
    designorbital
    Theme Author

    Hi Gail,

    This is the normal behaviour of Axon. Height at the single post and page is reduced to 300px to give the room for post content.

    However, here is the CSS Code Snippet, if you wish to change the height to 450px which is set for home page.

    .single .header-custom,
.page .header-custom {
  max-height: 300px;
}

    Thanks

    #75649
    tourascoholidays
    Member
    Original poster

    ok – many thanks. I have made the changes and looks great.
    Gail

  • The topic ‘Image Sizes Basic Instructions’ is closed to new replies.