I need a little help with the "Add custom CSS class to these boxes" page setup option. I'm trying to essentially make a css shortcode for applying an irregular drop shadow to my boxes. I've defined a class called
and entered it into the space provided:
I have the following CSS in my Pagelines Customize style.css
The result is almost what I want.
However, despite the background-position being set to 0px the image does not seem to be all the way to the left. Also, I cannot get the image to go past the width of the box element. I really want the image to go into the content-pad so that the shadow can be wider than the box. I tried an earlier attempt in pagelines customize using the content-pad area instead of the box but the background image covered the whole area and spanned multiple boxes with the image thus not giving the drop shadow effect.
Any thoughts would be appreciated.