Archived

This topic is now archived and is closed to further replies.

  • 0

Class for site outline


Question

Posted · Report post

Hi I'm looking to add some box shadow to my site but I can't seem to find the correct class or ID to apply it completely around the outside of the site.

 

http://www.priceofmilk.co.uk/

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Hi,

 

Due to you using a responsive layout, achieving a box shadow around your site is going to be rather a pain. Basically, you're going to need to use quite a bit of CSS and depending on your layout per page, you may need to repeat this several times.

 

You're going to need to inspect every section on your site and apply the box shadow to the content-pad area of the these sections. However, you're going to need to adjust the CSS accordingly otherwise you will end up with a shadow effect inside your content.

 

To get you started, you can use the following as a base.

 

 

.section-branding .content-pad {
box-shadow: 0 4px #222;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for the reply. I thought as much when I was inspecting with firebug, I just hoped there might be an easier way.

 

Cheers anyway.

Share this post


Link to post
Share on other sites