WordPress.org

Support

Support » Themes and Templates » Superhero » [Resolved] Moving header image

[Resolved] Moving header image

  • Hello, I really like the superhero theme but I would like to know if it is possible and how to move the header image to a side, I mean the one that is up from the website tittle.

    Thanks for your time.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    Glad you like Superhero! I’m not quite sure what you’re trying to do. I see your site here: http://gateofsteiner.net/

    Could you explain in more detail where you’d like to move the header, or possibly show me a mockup or sketch of what you mean?

    I would like something like this

    Sorry for the inconvenience and thanks for your help.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    Thanks very much! As the saying goes, a picture is worth a thousand words. 🙂

    Adding this custom CSS for screens over 1024px works for me:

    @media only screen
    and (min-width : 1024px) {
    
    .site-title, .site-description {
         float: right;
         width: 360px;
    }
    .site-title {
         margin-top: 40px;
    }
    .site-description {
         margin-top: -40px;
    }
    
    }

    Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    WoW It worked perfectly. Thanks a lot.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    You’re welcome. 🙂

    But I founda problem, when you zoom in and then you zoom out this happens.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    What do you mean by zooming in and out? I just enlarged and shrunk the text in Firefox and Chrome and don’t see any issues.

    Using Ctrl + and Ctrl – if you zoom 200% and then came back to 100% you will see the issue. (I’m using Chrome, I have tested it on Firefox and all worked perfectly)
    Note 1: I have tested it in another computer and it’s the same.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    I see what you mean in Chrome. I’m not sure how to prevent this. Do you think it’s likely that someone is going to do this series of actions for some reason?

    If it’s a big concern on your end, you could always include the site title and tagline within your header graphic instead of leaving it as text.

    No, I dont thinks its going to be a problem, sorry for wasting your time and, once again, thank you.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Moving header image’ is closed to new replies.
Skip to toolbar