Want Image Instead of Slider

Your image needs to go into the “Slider Wide” to easily make it full width. The regular slider is set at 1140px.

/* Slider Wide
--------------------------------------------- */

.slider-wide {	
    clear: both;
    width: 100%;
}

.slider-wide .wrap {
    margin: 0 auto 20px;
    padding: 30px 0 0;
    max-width: 100%;	
}

.slider-wide .widget {
	margin: 0 0 20px;
}

.slider-wide .flexslider .slides img {
	width: 100% !important;
}

.slider-wide .flexslider {
	max-width: 100% !important;
}

/* Slider
--------------------------------------------- */

.slider {	
    clear: both;
}

.slider .wrap {
    margin: 0 auto 20px;
    padding: 0;
    width: 1140px;	
}

.slider .widget {
	margin: 0 0 20px;
}

See the part where .slider .wrap { ..shows the width:1140px.? The slider wide is max-width: 100%; which means it takes a full width image.

I use the Black Studio Tiny MCE widget plugin. It allows you to edit inside any widget by using a “Visual Editor”, just like any post or page edit. Much easier than the “text” alone.

So insert an image into the SLIDER WIDE widget with dimensions of width 100% and height to suit you.

You don’t need to “mess” with the CSS. Just use the appropriate widget for your needs, and format the image to fit the space.

If you do change the CSS, ALWAYS have a backup copy (copy, paste) to a text file. Then you can go back and restore or fix any changes.

Your code is this:
<img kasperskylab_antibanner="on" class="alignnone size-full wp-image-11" src="http://www.moodyriver.com/wp-content/uploads/2015/07/stonecircle.jpg" alt="stonecircle" height="440" width="100%">

When you insert the image into the textbox (which you put into this widget area), you should set the image to align center. Do this by using
<center><*YOUR IMAGE GOES HERE - LINK*></center>

The image is sized at 1140px. You need to use a much bigger image. Size it 1980px wide. You are asking that the image be “100%”..and it is making your image just that. However, your image is 1140px so at 100% that is what you get. Put the whopping big image in there, and at 100% it will fill the area.

Glad it worked out. The fun is the “puzzle” and being creative!

You can also change the background color in any widget, as well as change the padding. If you notice, you have a gray band at the top and bottom. That is the “padding”. You can change the numbers for that to reduce the “BLANK” space. There are posts here in the Community Forum showing you how to do that.