‹ Home
Exported

Catherine of Siena - Orange Park, 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 DiocesanNathalie Shultz, Web ConsultantLisa Murphy, Catherine of Siena Orange Park StaffCody Armock, Web Content Specialist at DiocesanAlan Snodgrass, DiocesanArthur Richardson, Web Project Manager at DiocesanMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at Diocesan +3 others
From the list: Build

✔ Inner Page - Left & Right Sidebar borders around images

Cody A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
https://stcatherineop.diocesanweb.org/about-us/ as example page

Unfortunately, having the border be done with background color for the block will not work because if they use a small image it will not work and as much as I'd love for them to have bigger images, they don't, so could we use a border around the images instead?

Two examples - Our History Looks good, but Our patron saint photo does not.
image.png 562 KB • Download
image.png 261 KB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I'd built these like they are in the proofs, but I swapped out the background image for the following instead.
#<?= $id; ?> .sidebar img {
  border: 0.5rem solid #00A990;
  object-fit: cover;
  width: 100%;
}
*Note: I guessed on the border width because I can't get a value in the XD link.
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.