[Pro] Page shadow

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.

http://www.jennylucascopywriting.co.uk/freelancewriterw.html

Thanks :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Update:

The glow effect actually works better to get the effect, but the problem with the white strip is still there.

I’ve reloaded the page at the link above so you can see the problem. It definitely seems to be more pronounced in Firefox.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

http://www.jennylucascopywriting.co.uk/freelancewriterw.html

Thanks :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks so much Walter.

Have gone with your second option and it works perfectly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options