StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Modern Blogger Pro Header Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Modern Blogger Pro Header Image

This topic is: resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 21, 2013 at 1:26 pm #74759
    Ann2010
    Member

    Hi,

    I'm trying to create my header image for Modern Blogger Pro and also the mobile image. I've done this and uploaded the images several times but it's not working. I can get the regular header image to look good but not the mobile image.

    Following are the instructions:

    If you would like to use an image for your logo and keep it responsive (recommended), just open your theme zip file and select the images folder. From there open the Logo.png and LogoX2.png files in the image editing software of your choice and use those as a template to size your logo. These logos are retina ready, meaning they will not appear blurry on retina screen devices. Pretty sweet! To achieve this your mobile responsive logo will be twice the size of your regular logo, the CSS will shrink it down to fit and your image resolution will be superb. You will want to first create the retina ready logo which is 728px by 328px. Then you will create the regular sized logo at 360px by 164px.

    Given what I have tried doesn't work - what are the actual sizes of the images I'm supposed to create and upload?

    Thanks in advance for any help,
    Ann

    November 21, 2013 at 8:07 pm #74843
    Susan
    Moderator

    Ann:

    Did you read this post?

    The Modern Blogger Pro header area is 1148 X 223; which means that if you want a full width header, you will start with a header image which is twice that size.

    Then, follow the instructions in the post above to create images for each of the "standard" mobile device sizes.

    If you still have issues, please submit a support ticket over at Pretty Darn Cute, and I will pick it up and take a look there...

    ~ Susan
    Pretty Darn Cute Design Support Team

    November 22, 2013 at 7:52 am #74942
    Ann2010
    Member

    Hi Susan,

    No I didn't see this, I only had the instructions from when I purchased it. Thank you, I'll do this and I should be working right 🙂

    Love the Pretty Darn Cute themes!

    All the best,
    Ann

    November 22, 2013 at 7:59 am #74943
    Susan
    Moderator

    Ann:

    Lindsey added the tutorial at my request, because I was getting a lot of support questions about it - the theme demo doesn't have a full width header, but I know a lot of people like to use them.

    Shoot me a support ticket if you have more questions!

    I'll close this as resolved.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Modern Blogger Pro Header Image’ is closed to new replies.