• Resolved choup2135

    (@choup2135)


    Hello,

    After hours of search, i didn’t find how to place an image as a header for my site. I would like a centered header, on the top of my website.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, if you narrow down your browser window to around 800px in width, the normal header image at left, and the site title and menu go full width above the content. We can make that header image go full width all the time and widen the content area if that would work for you.

    If you want to keep things pretty much as they are, but add a header image, we can do that too, but I would then suggest not using the Theme’s Custom Header since it goes full width at around 816px and below, which would interfere with things.

    Let me know which way you want to go and I can work things out for you. Also, if your site is live, it would be really useful to have a link to the site so that I can work directly on it using the web inspector in my browser. Also, if you have uploaded the image you wish to use, a link to that image would be great.

    Thread Starter choup2135

    (@choup2135)

    Hi sacredpath. Thank you so much for answering me. First of all,n let me apologize for my english, not easy for me as I’m french.

    My blog is not online, I am creating it and I will post it online when it will be done.

    I prefer to keep the site as it is and only add a header, at the top of the site.

    Let me know if you want screenshots for example.

    Thank you in advance

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update.

    Child Themes
    Child Theme creation plugins

    After creating the child theme, copy header.php from the Fictive theme over to your child theme. Edit that file in a plain text editor and add a div just inside of the page div, so that it looks like this.

    <div id="page" class="hfeed site">
        <div id="my-header"> </div>

    You can then add your image HTML to that div directly in that file, or you can add it via CSS.

    You will also want to create a CSS rule for your newly added div. This would be a starter for that rule. This would go into the style.css file in your child theme.

    #my-header {
        height: auto;
        max-width: 51em;
        width: 100%;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header’ is closed to new replies.