✔ WYSIWYG editor issues
Completed by Ryan R.
- Assigned to
-
Ryan R.
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/
Bulleted & Numbered Lists
Default Template:
https://scranton.diocesanweb.org/parish-life/councils/pastoral-planning/
Office Template:
https://scranton.diocesanweb.org/styles/
Example:
https://scranton.diocesanweb.org/directory/offices/pontifical-mission-societies/
-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)
-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?
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.
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.
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/
That said, please be aware that centering headings will NOT be an option on pages where a sidebar is an option.