Position background-image inside div without affecting the rest

[Ortix]

Hey guys, I'm kind of in a pickle right now. I am trying to modify a template for a client and the client wants this "wrap around" effect as shown below:



This is a joomla template which can be found here
http://demo.rockettheme.com/joomla25/voxel/
I'm developing on my local machine so I can't share the exact template, but all I am doing is changing it around with a single override css file.

Now my question is how can I add that blue wrap around effect (if possible with just css). Currently i have a class added (.pseudo-shadow) to the entire module container. If you right click on the slideshow image (on the rockettheme site) and inspect with firebug, I added that class to the line where it says

nopaddingleft nopaddingright nopaddingtop

so it looks like:

nopaddingleft nopaddingright nopaddingtop pseudo-shadow

However that puts the little triangle in the top left corner and moving it around is not working because everything else is moving along with it.

I'd rather do all of this with css without touching core files, but if there is no other way, i'll go in and twinkle the codebase around.

[abduraooft]

Now my question is how can I add that blue wrap around effect

Please be specific by taking a screen shot and mark the area that you are talking about.

[Ortix]

Originally Posted by abduraooft

Please be specific by taking a screen shot and mark the area that you are talking about.

I did... it's marked in the ONLY image in my post with a huge red marker..

[Ortix]

I updated the image, hopefully it will work now.. stupid postimage.org