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
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
so it looks like:
nopaddingleft nopaddingright nopaddingtop
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.
nopaddingleft nopaddingright nopaddingtop pseudo-shadow
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.