Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 16, 2015 at 11:28 pm #381132
    AdDesign

    Hi,

    For my site I choosed the boxed layout. Here I added a shadow (.boxed#top { box-shadow: 0 0 5px 3px #888888; }). But the shadow is only visible on the left and right side. How can I insert a space to the top and bottom of the screen, so that I have the shadow effect around the whole site?

    Best Regards,

    Alex

    January 18, 2015 at 11:53 am #381437
    Ismael

    Hey AdDesign!

    Thank you for using Enfold.

    Please give us a link to the website. Try this on Quick CSS:

    .boxed#top {
margin: 30px auto;
}

    Regards,
    Ismael

    January 18, 2015 at 3:36 pm #381467
    AdDesign
    This reply has been marked as private.
    January 19, 2015 at 12:52 pm #381727
    Yigit

    Hi!

    Please add following code to Quick CSS

    header#header.header-scrolled {
top: 0;
}

    Cheers!
    Yigit

    January 19, 2015 at 8:43 pm #382073
    AdDesign

    Hi Yigit,

    unfortunately this does not work. The Website moves to the top of the Browserwindow again, and the “Header Phone Number/Extra Info/Secondary Menu” now disappears.

    Cheers,
    Alex

    January 20, 2015 at 8:44 pm #382652
    Yigit

    Hi!

    Would you like to keep the space on top when you scroll down? If so, that is not simply possible. If not, please elaborate and post a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    January 21, 2015 at 12:50 pm #382977
    AdDesign
    This reply has been marked as private.
    January 21, 2015 at 1:14 pm #382985
    Guenni007

    i do only know box-shadow with 4 inputs
    x-direction / y-direction / blur / color
    so for what is the 0 0 5px 3px #888888

    January 21, 2015 at 3:41 pm #383042
    Yigit

    Hi!

    You can use the code i posted here – https://kriesi.at/support/topic/boxed-layout-shadow/#post-381727 to stick header to the top when scrolled down.

    Best regards,
    Yigit

    January 21, 2015 at 8:05 pm #383309
    AdDesign
    This reply has been marked as private.
    January 21, 2015 at 8:11 pm #383313
    Yigit

    Hey!

    Which browser and OS are you using? This is how it looks on my end on Chrome, Firefox and Safari on OS X 10.10 – http://i.imgur.com/N3odxjF.png?1

    Best regards,
    Yigit

    January 21, 2015 at 8:25 pm #383319
    AdDesign
    This reply has been marked as private.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Boxed Layout Shadow’ is closed to new replies.