trouble with promotion image

here is what I’m talking about.

https://heatherwoodbaptist.org/

The slider in question is set for a width of 840px by 429px. Images should be cropped accordingly before you upload them, or you can crop them directly in WordPress.

It appears as though there are a number of CSS issues on the site that are affecting how things get laid out. For example, I’m assuming that it isn’t intentional that the menu and the three images overlap the slider. Also, the slider width isn’t properly set. The shortcode needs to be edited so that the width is 840px. The containing element should also have the same width.

I’ll probably be asking a lot, but I’m trying to help my church.

Can you walk me through fixing these issues?

and no, we would like the promotional slider to be centered below the menus at the top. The three images to be centered under the promotional slider.

@stmartin84

Open up your active theme’s style.css file. This can be done via the WordPress theme editor, but it is best to do via FTP if possible.

Find line 152 where #home-small-posts is and change the following values:
bottom: -55px; to bottom: -135px;
right: 60px; to right: 140px;

Find line 168 where #nav-wrapper is and change the following value:
top: -153px; to top: -113px;

Then, at the end of the file, add the following:

#home-content .promo_slider_wrapper {
		width: 840px;
	}
	.promo_slider img {
		width: 100%;
		height: 100%;
	}
	#footerwrapper {
		margin-top: 130px;
	}

That should bring things into a reasonable configuration.

Micah, you rock!! However, if you go to the page you can see that the menu bar is now pushed too far up into the header. Can you help with that?

scratch that, I think that worked!! Thank so much!!!

@stmartin84,

Glad I could help!