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
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
Hi!
Please add following code to Quick CSS
header#header.header-scrolled {
top: 0;
}
Cheers!
Yigit
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
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
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
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
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