Nazareth Template
Build - Nazareth Template
- ✔ 11/3/2020 Homepage Mobile Screenshot
- ✔ Mobile Screenshots
- ✔ All Ministries - Excerpt length set to 45 rather than 24
- ✔ Search page - Not found/ found Remove the extra bit at the bottom that has list of pages
- ✔ Homepage - Video Header should have a placeholder image that should show on Mobile
- ✔ Mobile - sticky menu too wide on iphonex(375px)
- ✔ Page - Download button - same styling as a normal button, just a bit smaller
- ✔ Remove Staff Block from block editor
- ✔ IS - Phone number should be how it is inputted in backend
- ✔ IS - Email Me not Email Us link
- ✔ Staff Page - Boxes need a separator between contact and button
- ✔ Staff Page - Needs to show Titles not position
- ✔ Archives - no colon after "published on" date
- ✔ Form - Title - Use a normal heading's (probably like h3 or h4) styling for this, if possible, it is an h3, but uses custom styling right now
- ✔ Homepage - Slider Header - Gray Box at very top
- ✔ Homepage - Video Header - Gray box at very top
- ✔ Homepage variant - Stat Options Banner - Image Banner Title
- ✔ Homepage - Banner Option
- ✔ Template Settings - Footer Color Banner, I feel this is more of a theme settings thing than Template settings
- ✔ Homepage - Stats Banner too small, colors, background image, overlay
- ✔ Homepage - Header Border-bottom line is too sharp/stark, needs either different color or less opacity
- ✔ Hmpg - Backend - Banner, are we using the Statistics option, no proof for this
- ✔ Template Settings - Background Tan/Gray tab - selector does nothing
- ✔ Footer - Logo is pulling in twice
- ✔ Homepage - Welcome Section - Welcome Title
- ✔ Homepage - Tweaks
- ✔ Hmpg - Backend - Banner > Banner Type > Banner should have Banner Content
- ✔ Footer - Social Icons change justification to flex-start rather than flex-end
- ✔ Staff - phone not required
- ✔ IS - Email and phone # need more space
- ✔ Individual Staff - Change title to h2
- ✔ Ministry Group - Spacing for Contact
- ✔ Ministry Group - Add Staff Title between Name and Phone
- ✔ Ministry Group - No group description at the top of the page and Change Heading/Ministry Title to Heading 2
- ✔ IM - Ministry image is a little big
- ✔ IM - Change staff position to staff title
- ✔ Ministry Page - line between contacts
- ✔ Ministry Page - Remove Position completely and change where it shows to hardcoded "Ministry Contact"
- ✔ All Ministries - Sitemap listed here too like Not Found page
- ✔ IS - Showing Sitemaps and Search like a Not Found Page
- ✔ Homepage - Video option does not work, need image option, video doesn't play, should have option for file types too.
- ✔ Theme Settings - Should be option to toggle myParish icon on/off and to change link for it
- ✔ Homepage - No slider option, there is still white-space between plinko and footer
- ✔ Buttons - Display: flex messes with all the buttons other than the homepage, it should be display: inline-block
- ✔ Template Settings - Tweaks tab does nothing
- ✔ Remove Unneeded Templates
- ✔ Theme Settings - Where does the email go?
- ✔ Template Settings - Do NOT set the font-size for Anchor tags, font-size: inherit it. This screws things up big when you link a heading
- ✔ DEMO - Share Document with instructions for creating a new site with this Template
- ✔ Mobile: stack on tablet; no image on phone
- ✔ Spacing on All CPT Ministries Page
- ✔ Smaller spacing on Ministry Group links
- ✔ Make excerpt size same as Ministry Group
- ✔ IM - Max 3 Staff
- ✔ IM (Staff) - if Staff? is Yes, then only show Staff CPT dropdown
- ✔ IM (Staff) - if Staff? is No, then Name, Position, Email, & Phone fields appear
- ✔ IM - if Staff, replaces Contact Section, but with Title as Header
- ✔ Indiv. Ministry - Option for Contact Info or Staff
- ✔ Ministries list page
- ✔ A-Z Ministries: large or medium sized images, no pagination
- ✔ A-Z: alphabetize
- ✔ "view all mins" button on Ministry Group page
- ✔ "View All Ministries" button on All Ministries Page
- ✔ Ministry Group - Contact Info or 1st Staff Contact(no read bio or title, and others... if more staff)
- ✔ MG - Shorten Excerpt
- ✔ Staff Member - Selector for Email or Form
- ✔ SM - if Form, "Email Us" on archive links to member page and directs to form
- ✔ SM - if Email, "Email Us" link on member page, otherwise no email link
- ✔ SM - Title, Position, Email/Form, Phone(no extension)
- ✔ Staff Archive - Keep Image ratio the same on all screen sizes(set width/height)
- ✔ SA and IM - Only show Read Bio is there's a bio
- ✔ Remove Read More Excerpt link on ministry group
- ✔ Ministry Page - Name, Title, Phone, Email ACF
- ✔ Plinko ministries image isn't flush
- ✔ Site footer - 10% darker primary color background
- ✔ Post sidebar h2 font for title(no custom font-size)
- ✔ Ministry Group & Single Pages use their Group Image as default featured Image
- ✔ Ministry Page - Image and Contact Info on Right Side
- ✔ Use Transfiguration for styling Individual Ministry Page
- ✔ Custom Excerpt for Plinko Ministry Group Page
- ✔ Generate Ministry Group Page
- ✔ Plinko Ministry Group page
- ✔ All Ministries Page - Content above and generated Image Buttons Below(template page)
- ✔ Replace Color Buttons with Image Buttons Page(Lists All Ministry Categories)
- ✔ Use Ministry Custom Post Type like on Transfiguration
- ✔ Can't click through sticky buttons
- ✔ PS - Post Category Radio Button ACF, use selection for displaying posts
- ✔ Post Archive colors & fonts
- ✔ Mobile Header 1200px - 1024px: smaller font & logo 200px
- ✔ PA - Post Title Spacing
- ✔ PA - Spacing between same day events
- ✔ PA - Use paragraph color where it is red.
- ✔ Stack 2 columns block on tablet
- ✔ Mmenu coloring
- ✔ Image:cover on image buttons, plinko, and posts
- ✔ Add dot chevrons to JOC
- ✔ Reduce Mobile Footer spacing above & below Address
- ✔ Reduce space below Welcome on mobile
- ✔ Smaller Header Image on tablet
- ✔ Posts Section - Pretitle ACF
- ✔ Baptism Page
- ✔ Fix home slider mobile
- ✔ PS - Box shadow on posts
- ✔ Mobile header(1240px) - More width on menu, then shrink menu font if not enough room, then logo
- ✔ Remove Search bar from header on mobile
- ✔ Slider - Yellow Active w/Blue hover; Blue Ring Inactive w/yellow hover(blue ring has white bg on main slider)
- ✔ Footer - Stack & center copyright and Quicklinks on phone
- ✔ Plinko - smaller images on laptop
- ✔ HomePage Banner Mobile between 1024 and 1200px
- ✔ Instructions - Lower Slider if no slides
- ✔ Tan & Grey Background Sections: solid background so bg image doesn't show through
- ✔ Plinko - Remove White translucent background & add white background+box shadow to plinko content sections
- ✔ White background for lower slider
- ✔ FB add white background box+box shadow to content & remove translucent bg from section
- ✔ Image Button Image should not stretch down below white section
- ✔ IB spacing equal on tablet size
- ✔ Shrink Home Header image size on phone
- ✔ Use Mmenu for mobile; Give Online button appears at bottom(transfiguration) & use hover effect
- ✔ Center text next to featured buttons
- ✔ Tablet Lower Slider image cover & height 100%
- ✔ Move search to mmenu
- ✔ Two separate sections for background image on homepage
- ✔ No repeat image background on homepage
- ✔ Dropdown Menu: Blue sticky-White box with blue text, yellow on hover; White Sticky-Blue box with white text, yellow on hover
- ✔ Dropdown Menu is same as http://nazareth.axiomthemes.com/ with cornered box
- ✔ 160px left/right margins on page content
- ✔ Color Banner fix top margin
- ✔ More padding in the middle of featured buttons section
- ✔ No white bottom line on sticky header
- ✔ Featured buttons decrease left/right margins and button width
- ✔ Featured Buttons white background
- ✔ Move to Template Settings: All Add. Settings except Sticky Buttons and Menu Link
- ✔ Replace Template Settings Header with Sticky Header Color
- ✔ White text on menu hover when it has blue sticky
- ✔ Hard code grey color in calendar location/time
- ✔ Featured buttons use paragraph color for text and secondary color for icons
- ✔ Lower Slider uses paragraph color& has white background
- ✔ Slider Mobile Text uses paragraph color
- ✔ Bring white part down on Join Our Community
- ✔ All Links use Main Font
- ✔ Delete Script Font
- ✔ Get rid of 4th and 5th colors
- ✔ Mobile: Home Header needs to come below image
- ✔ Ministries Page: Little Flower and Transfiguration
- ✔ UE: Needs bubbles for date, grey text needs to be just time
- ✔ Install Simple Calendar, ask Mary
- ✔ Upcoming Events: Separate date from time
- ✔ Post Archive: Image touches blue box
- ✔ IB: Phone - more space between buttons; less white space
- ✔ Image Buttons: Mobile - Quadrants on 768px(changes h3 to 24px)
- ✔ Page Header margin on mobile
- ✔ Mobile slick slider on lower menu sometimes turns off(on phone but not phone-sized screen on desktop)
- ✔ Mobile button text squished(iphone x)
- ✔ Homepage Banner Mobile
- ✔ Mobile: Plinko images are landscape
- ✔ Mobile - update header font sizes(30px)
- ✔ PA: Decrease top & bottom margin on title
- ✔ PA: Bring image and content together with box shadow
- ✔ PA: Yellow background on active page pagination
- ✔ PA: Date same color as content
- ✔ PA: "Published on" for date
- ✔ PA: Right padding in post content
- ✔ Move color banner to footer(option to have one)
- ✔ (Posts)Mobile Page Title needs to be center center
- ✔ Post Archive: Page Header Title is "All Posts"
- ✔ SP: Page Header Title is "Details"
- ✔ SP: Remove box-shadow from post content
- ✔ Single Post: Remove left margin on content
- ✔ Upcoming Events needs to be under line in Post Single
- ✔ Remove homepage background image on tablet
- ✔ NS: Increase margin above pretitle, so there's more tan background above it
- ✔ News Slider: Remove darker color in between slides, so that it matches the tan background
- ✔ Translucent background for plinko
- ✔ Space between sticky buttons on desktop
- ✔ Increase space above loweslider
- ✔ SB - box shadow around yellow square
- ✔ Sticky Buttons - white icons with yellow background
- ✔ Remove right border from mobile sticky buttons
- ✔ Mobile sticky buttons are moved up(iphone x)
- ✔ Sticky butten menu squares, not rectangles
- ✔ Center home header text
- ✔ Nonsticky header black(25% opacity) background
- ✔ Recenter homepage banner
- ✔ Mobile Statistics don't stack
- ✔ Footer mobile: no watermark, logo is width: 200px, recenter
- ✔ Stack social media mobile footer; remove water mark
- ✔ All links: yellow, then blue on hover. no underline
- ✔ Make Image Buttons links on mobile
- ✔ Center text on homepage
- ✔ Theme Settings: Shortcode for calendar(Upcoming Events)
- ✔ Mobile Header: Logo centered and search on right; hamburger in right of lower sticky menu
- ✔ Mobile menu rises up, similar to http://stjamesorlando.org/home/. No search bar on mobile menu
- ✔ PA: If event is all day, have the time say "All Day"
- ✔ Single Post: Category Name is a link
- ✔ Search Bar
- ✔ Banner: Video file upload, instructions on which are allowed(check sacred heart template)
- ✔ Footer: Center Quick Links w/spacing
- ✔ PA: "hover colors" only applied to first post by default
- ✔ Single Post: Published date at top with category
- ✔ PA: Image size are cover; Use pagination from http://nazareth.axiomthemes.com/all-posts/
- ✔ IB: Less white space on content section
- ✔ IB: Learn more link, add box shadow on all sides
- ✔ Image Button: Button description(20 word limit), leave blank if no description
- ✔ Site Info top and bottom spacing; white on '|' character
- ✔ Footer: 1/5, 3/5, 1/5 formatting
- ✔ Header: Remove social media
- ✔ Footer: Social yellow background & white on hover
- ✔ Footer: Center left image & 30% opacity; have address not go to 2 lines
- ✔ CB: More space above; less space between title and button
- ✔ CB: Delete space below so it lines up with footer
- ✔ Color Banner: Slide animation on button hover
- ✔ LS: Change title to h3 and make #4A4A4A
- ✔ LS: Switch active and non-active colored for dots
- ✔ LS: Word limit on text(30) and title(10); left align button
- ✔ Lower Slider: Set height, smaller images are zoomed in and cropped
- ✔ Min 1 Max 5 slides for Lower Slider, include in instructions
- ✔ Hide any section below the banner if there is no content for it
- ✔ Repeat background image above and below banner
- ✔ Banner Statistics: Use Transfiguration
- ✔ Center sticky button menu
- ✔ h1 isn't bold
- ✔ Decrease top margin of h1 and bottom of h4
- ✔ Editable background image in Template settings
- ✔ Increase margins on sides, decrease on smaller screens
- ✔ Increase left and right margins for all sections
- ✔ Sticky header background has choice of white or primary color(check sacred heart/JPII templates)
- ✔ PA: Upcoming Events bubbles are event dates & time will be under the title
- ✔ PA: Remove bubbles from post & add published date(style from Upcoming Events)
- ✔ PA: Links on first post are yellow on hover
- ✔ PA: Links on Title and Read More; Hover is blue color
- ✔ Post Archive: Delete Lastest Posts, Full width posts if there's no Upcoming Events
- ✔ Post Archive: Box Shadow
- ✔ Tan or gray selector for both "Join Our Community" and "Support the Mission" overlay backgrounds
- ✔ Sticky Header: (if blue bg) Nav item hover is yellow background with blue text; GO hover is white bg with blue text (if white bg) nav hover is blue background with white text; GO hover is blue bg with white text
- ✔ Social hover effects(footer)
- ✔ Font awesome icons and white font on hover for homepage buttons
- ✔ Match "pretitle" fonts same as first one in Welcome
- ✔ Smaller logo
- ✔ JOC Read More bold and colored
- ✔ JOC don't rise all the way up on hover
- ✔ Pretitle and title for Lower Slider
- ✔ Banner: Select Video/Image, Banner(no description video or image), Statistics
- ✔ Plinko: Max-width on image, top margin to blue buttons
- ✔ Plinko: Add middle space
- ✔ Plinko is 0-2 options
- ✔ Overlay on banner background
- ✔ Banner: More Line Height and space after paragraph
Laptop - Responsiveness (I used 1440px, but you can test it on 1024)
- ✔ Header - Menu shouldn't go to two lines, is there a way to shift the menu in such a way that it knows if it goes over?
- ✔ Header - Give button goes off screen
- ✔ Homepage - Simple Banner Text can go wider
- ✔ Sticky Buttons (ones on the right side of the screen that scroll) do not show the icons until you start scrolling, they should be visible to begin with like desktop
Mobile Responsiveness
- ✔ Logo max-width: 170 and Give button no min-width when text goes to two lines
- ✔ 1023px mobile menu
- ✔ Remove Give button from submenus
- ✔ Mmenu white line on top
- ✔ Slider Title - shrink font on phone
- ✔ Video Header - shrink by 128px(or more on smaller screens if needed)
- ✔ Tablet - News Dots, looks wrong
- ✔ Phone - Buttons, bump up the max-width for buttons
- ✔ Phone - Body tag needs word-break: break-word
- ✔ Phone - All Minsitries page - What should happen?
- ✔ Phone - Lists - Remove the left margin
- ✔ Phone - Single Post - featured image, height: auto rather than hardcoded height might be better. Not as square
- ✔ Phone - Category Archive - Remove the pagination space
- ✔ Phone - Category page, Image aspect ratios are off (pretty square), content (title, date, and excerpt ) could be wider to fill the area
- ✔ Tablet/Phone - Decrease the spacing between content & footer color bar by half
- ✔ Tablet/Phone - Homepage Slider - Title and Buttons on all header options should be centered
- ✔ Tablet/Phone - HMPG Slider - Dots should be visible on initial fold
- ✔ Tablet - Footer Button spacing
- ✔ Mobile - Homepage News & Inner Page Image buttons and specifically their descriptions on Mobile
- ✔ Footer - Stack the site info sections
- ✔ Menu Search - Only looks for things in the menu, not across the site
Archived to-dos