x

Layered text scrolling

On my site I want to place scrolling text that

features bold, layered highlights and effects.

So far, I've got

https://www.penbooks.net/dedication.html

that much done.

Any assistance in reaching what I am after is appreciated.

2,579 Views
Message 1 of 9
Report
8 REPLIES 8

@PENicholson 

As it stands right now it's difficult to read the white text against the window...

image

2,568 Views
Message 10 of 9
Report

True

Which is why I wass asking

Text with effects would make them stand out

2,566 Views
Message 10 of 9
Report

Most of the pages of my site use Parallax view for the background images staying stationary,

with the foreground scrolling.

The only bad part about that is text is not easy to read, no matter what color or font is used.

Is there any way to use layered effects like drop shadow or inner glow on text in Weebly sites?

2,525 Views
Message 10 of 9
Report

@PENicholson Take a look at any professionally-built website where background images are used behind text. First, you never select a high contrast background image (which is exactly what you've done). Why? Because it is exceedingly difficult to read overlay text of any color on a high contrast background image. This is certainly the case with your website example in the screenshot. Second, if you're using white foreground text, you'll normally darken the background image to allow that text to stand out better. Use the built-in background image editing feature to darken background image. Third, you generally want to avoid having large blocks of text scroll in front of a background image. This is visually exhausting. A banner with a full page width image and overlaid title text and maybe a brief paragraph? Sure (example: https://www.beachhousebuiltins.com/). Several paragraphs of text overlaid on a background image? Nope. You'll rarely find any professionally-built site that uses this approach to layout. Where you do see this done, the background is much more subtle than what's on your site.

In short, find a substantially less visually noisy background image than what you're currently using and add the appropriate level of darkening to allow the white foreground text to be readable against it. Avoid gimicks like text shadowing or - god help us all - glowing text. When in doubt, check out any popular website (Apple, Amazon, CNN, New York Times) to see how the pros use layout to effectively present their content and try to emulate that.

2,480 Views
Message 10 of 9
Report

I will look once I'm back home.  Yep I'm going to use darker backgrounds. Thanks

2,477 Views
Message 10 of 9
Report

Wow.  Attractive site.  Very well done. 

2,475 Views
Message 10 of 9
Report

When your top image loads the text seems to scroll just a bit.  How was that achieved?

2,474 Views
Message 10 of 9
Report

I have edited my page a bit.

Also trashed the navigation bar that was at the bottom.

I like how your navigation uses a logo instead of site title

How is that accomplished? Coding?

2,468 Views
Message 10 of 9
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.