Jump to content


Photo
- - - - -

How can I add box-shadow around a full page (header with navbar with content)?

page box-shadow

Best Answer dawsonbarber , 23 February 2013 - 04:03 PM

Thanks, James.

 

The only thing with that is that I can't control the colour directly through that option, so .page-canvas does the trick.

 

Cheers,

 

Dawson

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 dawsonbarber

dawsonbarber

    Super Member

  • Members

  • 119 posts

Posted 23 February 2013 - 12:18 AM

I've got a site where the header, navbar, and content all share a white background, so they are all sitting inside of, basically, a white box. I want to style that "box" with the following CSS:

Please Login or Register to see this Hidden Content

But I can't find anyway to select a containing element that includes all of them together.

 

I'm only able to select elements within (like the header, navbar, etc) which, of course, adds the box-shadow around each element...not the effect I want.

 

I've tried both fixed and fluid with layouts but can't seem to work this out.

 

What am I missing?



#2 dawsonbarber

dawsonbarber

    Super Member

  • Members

  • 119 posts

Posted 23 February 2013 - 12:26 AM

"What am I missing?"

 

Answered my own question: a brain, clearly.

 

Please Login or Register to see this Hidden Content

Cheers


  • bobbekaer likes this

#3 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 February 2013 - 12:34 AM

Hi there,

 

we have the shadow for the canvas area built in, its only setup to be used in 'fixed width mode'. You'll find this in the color control tab. See below

 

Please Login or Register to see this Hidden Content



#4 dawsonbarber

dawsonbarber

    Super Member

  • Members

  • 119 posts

Posted 23 February 2013 - 04:03 PM   Best Answer

Thanks, James.

 

The only thing with that is that I can't control the colour directly through that option, so .page-canvas does the trick.

 

Cheers,

 

Dawson







Also tagged with one or more of these keywords: page, box-shadow