• So I have spent a fair amount of time attempting to change the “header” in my page:
    https://nathanperkel.com/news/
    I have tried replacing the jpg, and to no avail have had no success.
    Could someone please describe once and for all how they changed the header in this?
    Thank you.
    Nathan

Viewing 5 replies - 1 through 5 (of 5 total)
  • 1. Create an image (call it header.jpg) 800 px wide. Make a note of the image’s height (100px in the example below).

    2. Upload header.jpg to your theme’s images folder via FTP.

    3. Edit style.css and change:

    #header {
    margin:20px 0 40px;
    }

    to

    #header {
    background:url(images/header.jpg) no-repeat left top;
    height:100px;
    margin:20px 0 40px;
    }

    replacing 100px with the height of your image.

    Thread Starter nathanperkel

    (@nathanperkel)

    Thank you esmi, I did as you said which worked, but I just need to get rid of the text that was present before, could you direct me through this?
    Thanks!
    Nathan

    Thread Starter nathanperkel

    (@nathanperkel)

    here is what it looks like now: https://nathanperkel.com/news/

    Add:

    #headerimg h1,#headerimg .description {
    position:absolute;
    top:-5000px;
    left:-5000px;
    }

    to the bottom of style.css.

    Thread Starter nathanperkel

    (@nathanperkel)

    Aha! Thanks again..
    Two more questions:
    1 how can i add a link to the header.jpg,
    2 and also bring it down half an inch or so so it is closer to the postings?
    N

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