• I have been trying to add my header image to my Mocha Child Theme for hours through my style.css editor. I have been able to do it for previous templates. I have tried playing with the code in different sections after googling for help.

    I HAVE TRIED DOING THIS

    #header {
    	width:950px;
    	height: 125px;
    	margin: 0 auto 0;
    	padding: 0;
    background: url(https://mommymiracles.com/wp-content/uploads/2013/01/mommymiracleslogo.jpg) no-repeat top center;
    }

    AND THIS

    <div class="wrapper">
    <div class="logo">
    <a>"><img src="https://mommymiracles.com/wp-content/uploads/2013/01/mommymiracleslogo.jpg" alt="Mommy Miracles" /></a></div>

    AND ADDING THIS AT THE END OF MY STYLE.CSS EDITOR

    #branding {
    background:transparent url(https://mommymiracles.com/wp-content/uploads/2013/01/mommymiracleslogo.jpg) no-repeat scroll center top;
    background-position: bottom;
    height:210px;
    position:relative;
    z-index:10;
    }


    [Please be sure to mark code with the code buttons or backticks]

    BUT NOTHING HAS WORKED!!!!
    Help?

    I am almost ready to just pick a different theme, but the preview looks like the header image is changeable. I just cannot figure out how, and obviously there is no easy way to just upload the image in “Appearance” or “General” settings. Also, I have all my widgets and ads all in place, and don’t want to start over.

    I could really appreciate some help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This snippet of code works;

    #header {
    width:950px;
    height: 125px;
    margin: 0 auto 0;
    padding: 0;
    background: url(https://mommymiracles.com/wp-content/uploads/2013/01/mommymiracleslogo.jpg) no-repeat top center;
    }

    It is working.
    What you’re seeing is 125 vertical pixels worth of image.

    Your background image is 1060 pixels tall.

    Thread Starter martagreca

    (@martagreca)

    Thanks for your help! I have tried uploading a smaller image and changing the dimensions of the width and height on the html code, and STILL no luck! Any other suggestions?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry, I think there’s something else wrong with your website https://mommymiracles.com https://awesomescreenshot.com/099rna497

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