Feedback please: cupexperience.com America's Cup Regatta (and CSS help needed!)

[[email protected]]

My journey with this site: I tried to focus on content and leave website development to a series of "others." Now resigned to learning to use the tools of my trade. (Hey, if Michelangelo could spend time with hammers and chisels, why should I think I can avoid learning the tools of the trade.)

Tried Joomla years ago, moved to WordPress, got frustrated waiting for my webmaster. Moved to Squarespace, loved the drag and drop. I was dissatisfied with the look but my readers were happy. Ran out of gas with Squarespace (no membership or LMS) so moved to Rainmaker. Got frustrated with limitations (RM is definitely not "what Mac is to Windows, Rainmaker is to WordPress"). Now have self hosted site and working to learn Memberpress and Learndash.

Site: Altitude Pro child theme.
I use Design Palette Pro but go crazy trying to find the controls for various elements, and often cannot find them at all. Resigned to learning more CSS, but also need to learn how to use Firebug or similar.

Please have a look and give me feedback.
Any other Altitude Pro users out there? Want to share experience and tips?

I have made a set of block diagrams as my own documentation of Genesis / Altitude Pro / hosting... Happy to share with anyone here.

http://www.cupexperience.com

[Victor Font]

Overall, I don't think you did a bad job. Site is bright and colorful. Maybe a little too bright for eyes that just got and of bed and haven't experienced their first cup of coffee yet. The text on the America's cup calendar is too small to be useful. I think a real calendar would be better rather than an image. That image will be unreadable on mobile devices. The video briefing room is very slow to load. It will frustrate users to wait or have the page pause as they try to scroll down.

Firebug is no longer in development. Every browser these days has code inpection tools. It would help if you learned the tools for your favorite browser. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[marybaum]

I would also like to see the white type on the full-screen pictures much bigger, and you might want to play with some more interesting typefaces (I'm an old-school typographer. I only say font when I mean the actual files. ? )

It's fairly simple to use web type these days. There are plugins for Google Fonts, or, better, since you're learning anyway, look through Altitude Pro's functions file for the line that has wp_enqueue_styles_scripts near the beginning, then replace the Google fonts you see listed there with some that are newer and have the same panache as the America's Cup.

The big-type-on-big-pic is one of my favorite tricks. Here are some examples of what I mean:

http://spoede.vet
http://moomawmullenwedding.com (Yes - that's my daughter)
http://racquetpress.com

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[Author]

Posts