‹ Home
Exported

Mary - Fort Walton Beach, FL

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanDebbie Ridder, Mary-Fort Walton Beach StaffNathalie Shultz, Web ConsultantCody Armock, Web Content Specialist at DiocesanTony Ferreira, Mary-Fort Walton Beach StaffMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel Tupper +2 others
From the list: Build

✔ Image Buttons - Styling, these image buttons are used a lot.

Cody A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
https://saintmary.diocesanweb.org/faith-formation/
https://xd.adobe.com/spec/e3ae8b78-0f26-469f-608d-bd69dca09e82-959f/screen/587629d8-8198-4de7-957b-92edff4f7031/Faith-Formation/
I will have taken out the sacraments button when you click on the link, but the styling and output is a lot like those mosaic tiles on a lot of Homepages, like St. Agatha with the text overlay.
Proof is on the left, dev on the right. I made the Children's Ministry look like hovered, so you can see it.
  • Title position
  • Title background
  • hover effect moving the title, seeing the more info, overlay.
  • Remove overlay when not hovered. 
  • Size of the buttons, take up majority of the screen in the proof. 
  • Here is a proof with three column, not sure how that is going to work unless you made the media page separately, but sacraments has 7 buttons, so i don't think it is a numbers thing, IDK though.   https://xd.adobe.com/spec/e3ae8b78-0f26-469f-608d-bd69dca09e82-959f/screen/33c3dcf4-f0f3-4d6f-b8f2-f2018191e75f/Media/
  • the margins between the buttons are bigger on the dev site.
  • I may have missed a styling issue, but you may have already talked about it.

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
Goodness, gracious, this was quite an undertaking!

As far as I can tell, everything is correct with these on the front-end (other than some responsive styling), but they do not appear correctly on the "back-end" of Wordpress.

Since this project is already pushing it on labor, I'm planning to forgo fixing this until it is requested.
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.