Buying $5 for Quick Easy Coding Solution

Solution received. Thank you anyway.

 

It looks like it's an image. With a width of 994px. So you will need to make the image wider in Photoshop or something.

 

1. remove padding-left: 60px; padding-right: 60px; from .wide-content-container
2. you can add width:100%; or set width at any px dimension you want (988px)

.wide-content-container {
background-image: url(../images/PageMiddle.png);
background-repeat: repeat-y;
background-position: center top;
clear: both;
padding-top: 15px;
padding-bottom: 45px;
width: 988px;
}

 

I need to widen the white area surrounding the video -- not an image.

 

Yes, I know.... That white part is an image:

http://give2kids.net/images/PageMiddle.png

 

.wide-content-container {
background: #fff;
background-position: center top;
background-repeat: repeat-y;
clear: both;
padding: 15px 60px 45px;
}

 

.wide-content-container {
background-color: #FFFFFF;
clear: both;
padding-top: 15px;
padding-bottom: 45px;
}

 

So just remove the BG image, and make it #fff. Then fix the padding.

Here is the code to have it aligned with your other video space:

.wide-content-container {
background: #fff;
background-repeat: repeat-y;
background-position: center top;
clear: both;
padding-top: 15px;
padding-bottom: 45px;
padding-left: 60px;
padding-right: 60px;
}

Code (markup):

Then also change this to make the bottom the same width:

.standard-content-container-bottom, .wide-content-container-bottom {
background: #fff;
background-repeat: no-repeat;
background-position: center top;
height: 7px;
}

Code (markup):

 

I really appreciate your response oIisnipe and FireRises, but alkentenik had the easiest and most direct
solution (I just cut and pasted his code in).
I will keep you guys in mind for future coding needs.