Removing and Replacing Image

Removing image:

It’s the background image and height properties in this rule:

.main_image {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("img/main_image.jpg");
  background-origin: padding-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: 474px;
}

I strongly advise you to create a child theme before you start making any changes. It takes about 5 minutes and can save you an awful lot of grief later.

Once you have your child theme, simply add the following to the end of your style theme’s style sheet:

.main_image {
  background-image: none;
  height: 0;
}

That should do it.

Cheers

PAE

Putting an image on your front page:

Copy the file header.php into your child theme.

At the point where you want to insert the image, put in a PHP if() statement testing for the front page (use the WordPress conditional tag function is_front_page() (see: http://codex.wordpress.org/Conditional_Tags). Inside the if() statement, output the HTML to show your image. Something like:

<img id="my-header-image" src="wherever-it-is" alt"" width="nnnn" height="nnnn" ?>

(Obviously don’t copy the above verbatim. Use your own names, filenames and measurements)

If it were me, I’d put the image in an “images” directory located within my child theme directory; and then I’d use:

<?php bloginfo('stylesheet_directory'); ?>/images/my-image.png'

… to locate the image (obviously using your own file name).

Once you have the image showing up you may have to do some CSS manipulation to get it positioned correctly.

HTH

PAE