Jump to content


Photo
- - - - -

Adding shadow and border to content area

shadow .content

Best Answer bobbekaer , 05 July 2013 - 06:05 AM

Ok, I changed the layout so I could add the "build-in" shadow :-)

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 bobbekaer

bobbekaer

    Advanced Member

  • Members

  • 89 posts
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 27 June 2013 - 03:12 PM

Hi

 

I am trying to add shadow and border to the white content area on

Please Login or Register to see this Hidden Content

. I tried using:

 

.page-canvas {
-moz-box-shadow: 0 0 5px #B7A2A3;
-webkit-box-shadow: 0 0 5px #B7A2A3;
box-shadow: 0 0 5px #B7A2A3;
}

 

but I can't find the right selector?

 

:-D

Bolette



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 27 June 2013 - 08:31 PM

Hi,

For purposes of an testing, I came up with

Please Login or Register to see this Hidden Content

Unfortunately, I can't find the right bit to put a border at the bottom.  If you add border-bottom: 2px solid red; the border goes in all the wrong places.

 

With the layout you're using, page-canvas doesn't seem to work properly.



#3 bobbekaer

bobbekaer

    Advanced Member

  • Members

  • 89 posts
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 05 July 2013 - 06:05 AM   Best Answer

Ok, I changed the layout so I could add the "build-in" shadow :-)



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 05 July 2013 - 12:48 PM

Great.







Also tagged with one or more of these keywords: shadow, .content