: Improving webpage appearance I have built out a donate page for our website. The buttons are somewhat similar to the LiveStrong donate buttons. Something about the page looks cheap and unappealing.

@RJPawlick971

Ouf...where to begin, you said not much changes...


Well, first of all, get some js in there to stretch the background
image cause right now, it's width is 100% and height auto or
something like that, you need a code to see if window height > window
width then image css = width: auto; height:100%; and the other way
around, this way the image fills the entire screen and not just half
as i see it.
Second, the kid's picture looks stretched to fit the box, fix that.
Green for font and buttons doesn't help either, even in the background is with grass...at least equalize the entire view and make the green darker...it's to bright.
The donate box is WAY TO BIG for what information you have inside
it,make it smaller and compact.
Also, your containers shouldn't be so close to the browser top...leave
a little bit of space.


This is the least you should do to make it look ok...best of luck.

PS: I just checked your code...get your css cleaned, using this much !important; to prioritize a rule isn't a good practice of it...you will stumble upon it later.

Vote Up Vote Down

@Hamaas979

I would suggest centering the background image so it covers the entire page and does not leave white space on the right hand side. The image of the child looks stretched out and not proportional. And the hover over green does not look appealing. I would suggest with some basic grey hover instead of the piercing green.
Also I am not sure if you are aware of pages such as gofundme.com
its a crowdfunding platform that is already pre built and easier manageable. Just a thought. Good luck with the fundraiser nonetheless.

Vote Up Vote Down