Using my own image in header

  • Resolved mbc

    (@mbc)


    18 years, 9 months ago

    I’m using the Dark Maple theme and would like to use it comes with.

    https://maryblackchurch.heroindiaries.com/

    How do I do that? Would I have to host the image I want to use at a photo hosting site first or upload the image I want to use?

    This is what the code looks like in the style.css sheet.

    #masthead {
    background-image: url(‘images/bigleaf_a3.jpg’); /*header image*/
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #241E21;
    height: 241px;
    border-bottom: 1px solid #241E21;

    I really need specifics as it’s a first attempt.
    Thanks much

    Mary

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

  • The very simplest way is to get the image you want to use nad make sure it’s the exact same size as the original.
    Rename bigleaf_a3.jpg' to something else so as to save it.
    Now rename your image to     bigleaf_a3.jpg` and upload it to the exact same place the original image is at (your theme’s images folder).
    That’s it. Everything will work without changing a line of code.

    Thread Starter mbc

    (@mbc)

    Brilliant..just got back in the house and checked here..that sounds easy enough..will try it. Thanks much samboll. Will post back when done.

    Mary

    Thread Starter mbc

    (@mbc)

    It worked perfectly..thanks much for the help Samboll.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Using my own image in header’ is closed to new replies.