Add a drop-shadow behind the main body of my site

ThemeBurn SupportForumsOpenCart ThemesShoppica OpenCart ThemeAdd a drop-shadow behind the main body of my site

This topic has been marked as resolved.

Hi,

I was wondering if you could tell me how to add a drop-shadow behind the main body of my website (i.e. the whole bit in white from the header down to the footer, in front of the background image)?

http://www.victoriamaryvintage.com

thanks,

Vicky

May 29, 2012 at 12:08 pm #9492

Hi Vicky,

Open file catalog\view\theme\shoppica2\stylesheet\screen.css and search for body.s_layout_fixed #wrapper
Replace:
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
with something like:
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);

I hope this helps!

Cheers,
Yiannis

May 29, 2012 at 3:20 pm #9496

Sorry, I just saw that you are not using v 2.0 yet. The correct path would then be: catalog\view\theme\shoppica\stylesheet\screen.css
Everything else remains intact!

May 29, 2012 at 3:45 pm #9498

That’s perfect, thanks so much!

May 30, 2012 at 10:14 pm #9560
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
June 4, 2012 at 12:35 pm #9721
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.