Forums

goalieman34

Hi, I just have two small problems I need help trying to fix if someone has a moment to take a look at.
- My box shadow is showing up in the right hand side of the Nav bar.
-My slideshow seems to be a few px too small on the right hand side.
Thanks !
http://petrowest.squarespace.com/home/

kgscott284

1. I would add a wrapper element and apply the box shadow to it instead.
2. All of the elements in your slider are on;ly set to 958px wide, if you changed all those values to 960px you will be set.

goalieman34

Ok thanks. So i now have this for my box shadow code. Does it look right or do I need to change something. It would be nice fix up my footer shadow some.
http://petrowest.squarespace.com/home/

.squarespace-slideshow-wrapper, #navigationBottom { box-shadow: 0px 0px 12px #aaa; }
#pageFooterWrapper { box-shadow: 0px 0px 12px #aaa; } 
#pageBodyWrapper { box-shadow: 0px 4px 12px #aaa; }

kgscott284

Well not exactly, you should only have one element to apply the shadow to.

In other words, you will simply wrap ALL elements from the top of the slider to the bottom of the footer in a single div, then apply the shadow to that.

all of those extra ones are not necessary.

treehouse : what would you like to learn today?

Forums

2 small css issues