Parallax background image question/suggestion

[fandom]

http://inn.myfandoms.com/

As you can see, my background images aren't uniformly dark - most images aren't.

Any suggestions on how not to have that white text gobbled up other than using uniformly dark images?

Also, I struggle with the positioning of the photos so that they aren't too zoomed in or too "low" on my iPhone 6. Example, the top image on the inn.myfandoms.com site was simply showing sky. I cropped most of the sky out, so now it's looking better. I'd appreciate suggestions on how to get the images to look best on mobile.

Thank you.

http://inn.myfandoms.com/

[Tom]

Heya,

To improve the text you'll need to add some measured contrast, either with a background colour or text shadowing or both.

Try the following, each or in combination:

.home-section-1 .widget-wrap {
	padding-bottom: 20px; 
	background: rgba(0,0,0,.3);

}

.home-section-1 {
	color: #fff;
	text-shadow: 2px 2px 3px #000;
} 

As for background image presentation, it will be a tradeoff of presentation on mobile vs on desktop. I think your current setup looks OK on mobile.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[fandom]

Ah, nice touch! Thank you!

And thanks for the confirmation on the photos. I'll leave them like that.

Back to it. I just barely got started on this and have much to do.

I appreciate your time!

[Author]

Posts