Diocese of Scranton

WYSIWYG editor issues

Assigned to
Ryan Ross, Developer at Diocesan Ryan R. Veronica Alvarado, Project Manager at Diocesan Veronica A.
Notes
Noticed that the images don't resize correctly (ie, set one to 500px wide and it's still showing 1000px wide) and the H3 titles on page, couldn't get a nbsp between them to stick.  Also H3 titles appear centered when editing and then left justify when you view the page?  Can't be centered?  https://scranton.diocesanweb.org/directory/offices/pontifical-mission-societies/mission-forms/

Also noted the circle buttons on pages aren't consistent sizes?
https://scranton.diocesanweb.org/directory/offices/pontifical-mission-societies/

Comments & Events

Mary Goeldel, Diocesan
So the links should be paragraph size?  They are the only item on the page.  I'll see if that helps!  TY.
Ryan Ross, Developer at Diocesan
Mary Goeldel, Diocesan Mary Veronica Alvarado, Project Manager at Diocesan Veronica

-Image sizes: I tracked this down to a image width "inherit" in the 2017 theme editor style.  I attempted to override it with my editor sheet, which initially didn't work.  I then noticed there was an update for 2017 theme, which just so happens to have an updated editor style sheet with the offending img width rule removed.  WYSIWYG editor seems to cache these style sheets however, so you may not see the improved version right away.  I assure you it does work however. (See attached)
-Heading alignment: I had added to the theme stylesheet a rule to display headings inline.  For the life of me, I can't recall why I needed/wanted to do that.  For the time being, I've removed the rule, which resolves the alignment issue here.  It may break something else in the process, so I guess I'll cross that bridge if we find it.

-Circle buttons:  The count of 5 is the most unique scenario, as there will be row of 3 followed by a row of 2.  Similar to counts of 2 or 4, the width of the second row is equal to the upper row, but the difference in 5 count is that row is a row of 3, as opposed to 2.  Hence the width is wider and distribution of the size of those two circles reflects that.  It's been this way from the beginning, and operating on efficiency as opposed to perfection, I didn't put any unnecessary time into the 5 count scenario.  See here: Circle Buttons (Optional) - Diocese of Scranton

Long titles on circle button: I'm observing them wrapping, as they should.  I don't see any issues here.  What am I missing?
Mary Goeldel, Diocesan
Circle buttons with long titles - I split the title and put the second half in the (brackets) field - I think it should all be in the main title field but it's truncated when you insert long titles.

Ex:  Mission Trips and Mission Imme - gets cut off at the "e" - so I put the Mission Immersion Experiences in the ( ) field.

https://scranton.diocesanweb.org/directory/offices/pontifical-mission-societies/

2nd button should be titled "Accomplishing our Mission Statement", 1st button title should be "What is the Pontifical Mission Societies?", etc.
Ryan Ross, Developer at Diocesan
Mary Goeldel, Diocesan Mary , ahhhh, that's a horse of a different color!

The mockup proofs for these office buttons were shown with short titles and optional descriptions. (Page Templates.png - Diocese of Scranton)  Hence, when it was time to build out these sections, I set the character limit to 30, to encourage short concise titles like the mockup intended.

The buttons themselves will work with longer titles, it just won't look as sharp.  I've removed the 30 character limit on the title field, and updated the buttons on the page you provided.
Mary Goeldel, Diocesan
Looks good!  Thank you~
Veronica Alvarado, Project Manager at Diocesan
Ryan Ross, Developer at Diocesan Ryan  
For the headings being in line, I think we may have done that because Office template's sidebars don't wrap with headings:
Example:
https://scranton.diocesanweb.org/worship/
Ryan Ross, Developer at Diocesan
Yes!! That was it.  I knew there had to be a reason I put that in there.  I'll find a happy medium.
Ryan Ross, Developer at Diocesan
Update - I applied the Headings "inline" on the Office templates (basically pages that have a sidebar option).  This allows for centering of headings on default pages, and restricts them on sidebar enabled pages.

That said, please be aware that centering headings will NOT be an option on pages where a sidebar is an option.
Ryan Ross, Developer at Diocesan
Ryan Ross completed this to-do.