how to get content and right modules to same heigh

I tried the equal height feature in the backend but obviously I do not know how to use it because it messed everything up, I just want the right module area to have the same background as the content area with a matching height.

Add this to bottom of template_css.css:

.sparky_full > DIV.container{
background:$fff;
}

that does not work well, I had already tried something else that produced the following image

note: the menu area and other content areas will also have that color and no amount of adding more and more code seems to fix it

all I want to do is match the height of mp_right to the content area

Remove what you added and keep that code I gave you - it has to work.

the code you gave me produced what you see in the picture, I can make a video to demonstrate that for you if that is needed.

I see i have typed $ instead of # , this is code:

.sparky_full > DIV.container{
background:#fff;
}