I have been trying to apply a shadow down each side of my site pages in Freeway.
I have managed to create the effect by inserting a white graphic box, which is slightly narrower than my page width, on the bottom layer of each page and applying a 180 degree shadow. This works, kind of.
The only problem seems to be a white strip that overlaps the shadow on either side of the page just below my h1 header.
I’m not sure what is causing this, how to get rid of it, or if there is a better way of creating this effect.
Any suggestions? I have posted a link below to show the problem.
Try clicking on all of the HTML boxes in your layout and checking the
Height Can Shrink checkbox in the Inspector. That may do the trick for
you. The issue as far as I can see it is that there are inline
elements that are forcing the height of these HTML boxes to grow –
shoving the next box down – but the height dimensions are all fixed,
so the background is getting confused.
Another thing you could do is to set this shade photo as the page
background image. That will never care one bit about the other
elements on the page, since it floats behind everything. You do that
using the Page Inspector, in the Style tab (second from the left). You
can set the image to align center, and tile vertically. That way your
shadow image can be 25px tall (considerably smaller file size) and
will make your page load faster.
Walter
On Sep 2, 2011, at 8:33 AM, Jenny wrote:
I have been trying to apply a shadow down each side of my site pages
in Freeway.
I have managed to create the effect by inserting a white graphic
box, which is slightly narrower than my page width, on the bottom
layer of each page and applying a 180 degree shadow. This works,
kind of.
The only problem seems to be a white strip that overlaps the shadow
on either side of the page just below my h1 header.
I’m not sure what is causing this, how to get rid of it, or if there
is a better way of creating this effect.
Any suggestions? I have posted a link below to show the problem.