‹ Home
Exported

Holy Spirit (Redesign) - Grand Rapids, MI

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanKyle Brown, Web Development at DiocesanFr. Mark Peacock, Pastor at Holy Spirit Parish & Catholic SchoolVicki Bouwkamp, Director of Development at Holy Spirit Parish & Catholic SchoolPat Kalahar, School Principal at Holy Spirit Parish & Catholic SchoolMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanNathalie Shultz, Web ConsultantCody Armock, Web Content Specialist at DiocesanAlan Snodgrass, DiocesanArthur Richardson, Web Project Manager at DiocesanMarcus Borger, Developer at Diocesan +6 others
From the list: Build

✔ Example of line spacing issues

Mary G. added this on
Completed by Kyle B.
Assigned to
Kyle Brown, Web Development at Diocesan Kyle B. Veronica Alvarado, Project Manager at Diocesan Veronica A.
Notes
Not sure what can be done, but seeing weird spacing issues.

The 2-col block of text - tried to get the right side to match the left.  No spacing showing between the contact line and the next ministry name, even though I added a space.  So the left side looks good, the right col is all compressed.

https://hsparish.diocesanweb.org/ministries/worship-ministries/
image.png 390 KB • Download

Comments & Events

Kyle Brown, Web Development at Diocesan Kyle Brown, Web Development
This is an odd one. The line spacing is based on what the content is wrapped in. You can see what the wrappers are by looking at the text version of the content editor!

In the left column, the first contact line is wrapped in a <p> tag. This comes with built in margins on the top and bottom.

In the right column, the first contact line is wrapped in a <div> tag. This has no built in margins.

My guess is that this is carried over from wherever the content is copied from. The way to fix it is by going into the text and changing the tags to match one another. Change them all to <p> tags or all to <div> tags, and everything will look consistent! 
Notified 2 people
Kyle Brown, Web Development at Diocesan
Kyle Brown completed this to-do.