Grow your CSS skills. Land your dream job.

2 small css issues

  • # July 15, 2012 at 8:14 pm

    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/

    # July 15, 2012 at 9:30 pm

    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.

    # July 15, 2012 at 11:36 pm

    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; }
    # July 16, 2012 at 1:13 am

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".