Please Help!

Yes!!! This is working!!! Thank you so much – I am logged in on an FTP client and I am able to see files. Now I’m just not sure how to navigate this. Where would that slideshow be located?

Okay, nevermind, I figured that out! The slideshow is gone! Is there now a way to replace where the slideshow was with a picture? Also, can I delete all these WordPress files off of my computer? Will that mess anything up? Thank you!

Yes, you can keep it simple by inserting a static image where the slider was:

<div class="some-existing-image-class">
<img src="path/to/image.jpg" alt="some alt text" title="mousehover tooltip" width="xxx" height="xxx">
</div>

What WordPress files are on your computer? Just stuff you FTP’d so you could work locally? If so, I imagine it’s safe to get rid of. The smart thing would be to send them to the Recycle/Trash and hang on for a few days, just… cuz!

Okay cool, I changed the code that you gave me to this to include the image (let me know if this is right ha):

<div class="https://www.malecherringandkrause.com/wp-content/uploads/2010/09/MHK-website-cope2.jpg">
<img src="MHK-website-cope2.jpg" alt="some alt text" title="mousehover tooltip" width="300" height="600">
</div>

But I’m not sure where to include it in my code. Where do I place it? Here is the current theme code.

[ 961 lines of code removed, please use pastebin.com instead ]

First thing you need to do is use an image editing program to proportionally resize the image to no more than 590px wide – that is the width of the div id=”headline” you left behind when you deleted the slider. That way the image will fit – barely – with no whitespace around it. Maybe you want whitespace, try a smaller image size, say 560px wide. When you determine the width and height, change the values in the img tag to match.

Next, change the class name to aligncenter, that is an existing wordpress class that will center your image in its container and not allow text to run beside it.

Change the alt text to something meaningful – “Malec, Herring & Krause sign” or whatever. Change the title to whatever you want people to see when they hover over the image with their mouse. It can be empty if you want no hover effect.

Then replace the div with an id of headline, same place you removed the slider.

Okay, so where do I place the image code into the theme code? Sorry, I’m just a little confused!

Do you remember which file you edited to get rid of the slider? Maybe index.php? Anyway, in that file there is some leftover slider code you can delete, and put the image html in its place. Everything between ‘div id=headline’ and ‘div id=middle’ can be deleted, (be sure to leave a closing </div> tag for the div headline) and you can insert your complete <img .../> tag in the empty space.

<div id="headline"><!-- delete code below this line-->
	<div id="scriptHide"> </div>
	<div id="scriptShow" class="hide">
		<div id="slideshow-wrapper">
			<div id="slider">
				<ul id="sliderContent">
				<div class="clear sliderImage"></div>
			        </ul>
		       </div>
		</div>
      </div>
</div><!-- delete code above this line-->
<div id="middle" class="clearfloat">

Should look like this when you are done:

<div id="headline">
       <img src="path/to/image.jpg" class="aligncenter" width="???" height="???" />
</div><!-- closes headline-->
<div id="middle" class="clearfloat">

Be sure to replace the width and height ???’s with the actual pixel dimensions of your image.

garydarling, you are seriously a miracle worker!!! I cannot thank you enough! That worked like a charm!

I’m going to have that framed! Why don’t you go ahead and mark this as resolved then.

Awesome, will do!