sonrisenewnan

Stephencottontail, you are right. That fixed it!

Is it possible to change the color of that widget’s scrollbar to blend better with the site? Maybe a gray color.

Thanks,
Matt

Bojan,

Thanks for the help. I added that code but it didn’t make any change to the layout. Still looks the same. Do I need to delete something else?

Here’s the widget portion of the child theme .css:

/************** HOMEPAGE WIDGETS **************/

#resurrect-home-bottom-widgets {
	margin: -30px -3.3% 0 0; /* compensate for individual top widget margins + margin between columns*/
	border-top: 1px solid transparent; /* hack to fix top margin */
}

	/* Container Adjustment */

	.resurrect-home-widget { /* .resurrect-widget */
		width: 30.2%;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;
		box-sizing:			border-box;
		height: 280px;
		#text-3 .textwidget.resurrect-widget-first-element {
		overflow-y: scroll;
		height: 250px;
		}

		section#text-3 {
		padding-right: 0;
		}

	}

Thanks.

This solution presented by Harmony Webworks has been working great (thanks!) except when the content exceeds what will fit in the defined fixed area of 280px height. Then it just runs beyond the fixed area to cover up the footer.

How can I make it stay in the 280px box? Should I add a scroll bar and if so how?

UPDATE:
I tried adding overflow:auto and it does make the scroll bar appear and properly contains the text. However, now the title of each section is getting cut off.

This is from my child theme. The overflow:auto may or may not be active when you view as I’m working on it…

/************** HOMEPAGE WIDGETS **************/

#resurrect-home-bottom-widgets {
	margin: -30px -3.3% 0 0; /* compensate for individual top widget margins + margin between columns*/
	border-top: 1px solid transparent; /* hack to fix top margin */
}

	/* Container Adjustment */

	.resurrect-home-widget { /* .resurrect-widget */
		width: 30.2%;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;
		box-sizing:		border-box;
		height: 280px;
		overflow:auto
	}

Could I add this to the child theme? So far I’ve only added one thing to it. This is all that’s in my child theme right now:

/*
 Theme Name:     Resurrect Child
 Theme URI:      http://sonrisebaptist.org/newsite/wp-contect/themes/resurrect-child/
 Description:    Resurrect Child Theme
 Author:         Matt Riggs
 Author URI:     http://example.com
 Template:       resurrect
 Version:        1.0.0
*/

@import url("../resurrect/style.css");

span.wpcf7-list-item { display: block; }
<!--The above code causes the checkboxes of Contact Form 7 to display as individual lines rather than all next to each other across one line-->

Jeremy, sorry the link wasn’t showing up for some reason but it’s in my original post now. Thanks.