Changing Header on Custom Theme

  • Resolved GmanUSA

    (@gmanusa)


    11 years, 6 months ago

    I’m trying to help a friend change his header on this site at https://coachingprosperityschool.com

    Basically it is the same header, just with a different name and a slightly different photo of him. The revision was done by a professional graphics designer and I have already uploaded the new .jpg version to my WP media library.

    I am a total newbie with css. From what I’ve researched, I thought all I had to do was exchange the “images/oldheader.jpg” with “images/newheader.jpg” (where newheader is the name of the new header jpg file), and save it and it would take. But it does not change to the new header at all when I preview site. What am I doing wrong?

    Here is the current header code:

    /* begin Header */
    div.art-header
    {
    margin: 0 auto;
    position: relative;
    width:100%;
    height: 146px;
    margin-top: 0;
    margin-bottom: 0;
    }

    div.art-header-clip
    {
    position: absolute;
    width:100%;
    left:0;
    overflow:hidden;
    height:146px;
    }

    div.art-header-jpeg
    {
    position: absolute;
    top: 0;
    left:0;
    width: 780px;
    height: 146px;
    background-image: url(‘images/header.jpg’);
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */

    I put the line in question in bold. Can anyone tell me what I’m doing wrong? Thank you very much for any and all help!

    [Please ensure that you are embedding links correctly in your posts.]

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

  • Try using the absolute URL for the new image in that CSS line. The media uploader doesn’t upload to that file.

    Thread Starter GmanUSA

    (@gmanusa)

    WPyogi, so what would be the correct format? Example, the url is
    https://coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg

    so would that line of code be:

    background-image: url(‘coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg’);

    sorry, I am a total and complete noob at this

    You need to use that entire (working) link – this:

    background-image: url(https://coachingprosperityschool.com/wp-content/uploads/Chandler_coaching_header.jpg);
    Thread Starter GmanUSA

    (@gmanusa)

    That did it! Thank you SO MUCH for your help ??

    Now I just have to debug my Ajax calendar plug in; trying to find out why it’s not displaying properly on the widget sidebar. I just need to go through their documentation more thoroughly.

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing Header on Custom Theme’ is closed to new replies.