• Products
    • The eCatholic Engagement Platform
      • Learn More
      • Meet With Us
    • eCatholic Family of Products
      • Websites
        • Themes
        • Websites FAQ
      • Online Giving
      • Group Messaging
      • Pay
      • ChMS
        • For Parishes
        • For Dioceses
        • ChMS Integrations
      • Live Streaming
        • Live Streaming Basics
        • Live Streaming FAQ
  • Services
    • Custom Design
    • Branding Package
    • Logo Design
    • Homepage Makeover
    • Quick Flip
    • Giving Success
  • Pricing
  • Resources
    • Learn
      • FAQ
        • Websites FAQ
        • Payments FAQ
        • Connect FAQ
        • ChMS FAQ
        • Live Streaming FAQ
        • Stock Photos FAQ
      • Beginner's Guides
        • Websites Beginner's Guide
        • Payments Beginner's Guide
        • Connect Beginner's Guide
        • Live Beginner's Guide
        • ChMS Beginner's Guide
    • Grow
      • Blog
      • Webinars
      • Podcast
    • Get Help
      • Help Center
      • Contact
    • Free Training Webinars
      • Free Website Training
|||
eCatholic | Catholic Website Design - Online Giving - Live Streaming
ChMS
 Login
Get Started
 
 
 
 
 
 
 
 
  • Get Started
Facebook X (Twitter) YouTube LinkedIn
Search
  • Products
    • The eCatholic Engagement Platform
      • Learn More
      • Meet With Us
    • eCatholic Family of Products
      • Websites
      • Online Giving
      • Group Messaging
      • Pay
      • ChMS
      • Live Streaming
  • Services
      • Custom Design
      • Branding Package
      • Logo Design
      • Homepage Makeover
      • Quick Flip
      • Giving Success
  • Pricing
  • Resources
    • Learn
      • FAQ
      • Beginner's Guides
    • Grow
      • Blog
      • Webinars
      • Podcast
    • Get Help
      • Help Center
      • Contact
    • Free Training for eCatholic
       Website Technology

      Learn how to build (or refresh!) your eCatholic website in a flash.
    • Become the website expert for your
       parish, school, or ministry.

      Whether you're learning how to build your very first eCatholic website or simply looking
       to sharpen your skills, we've got a three-part video training series to help you get started:

       

      1. eCatholic Website Basics


      Here's where you begin! Learn about your basic website tools, features, and settings so you can start the journey of becoming a website expert.

      Watch This Training
      (Approx. 20 mins)
       

      2. Website Design Features


      Dive into the endless design possibilities that your site offers and learn how to unlock the beauty of your website - no code required.

      Watch This Training
      (Approx. 20 mins)
       

      3. Settings and Tools for Admins


       Explore advanced settings and exclusive tools available only to website Admins, empowering you to optimize and control your eCatholic website fully.

      Watch This Training
      (Approx. 20 mins)

      Not sure where to begin? Feel free to give us a shout! We'd love to help you along the way. :)

    • Drag and Drop to Edit
    •  Additional Resources

      Looking for bite-sized instructions?

      Utilize our Beginner's Guide to learn at your own pace!

      Our Websites Beginner's Guides breaks down what you need to know about eCatholic websites into incremental steps, so you can start and stop when learning is most convenient for you! Ready to get started? 
      Go to Beginner's Guide

    • Build a website of your own
      with a free 30-day trial!

      Instantly create a trial website and explore our features. (Careful, you might fall in love.)
      Create Your Website

      No obligation. No credit card. Completely free, 30 days.

      Build a website of your own with a free 30-day trial!

      Instantly create a trial website and explore our features. (Careful, you might fall in love.)
      Create Your Website

      No obligation. No credit card. Completely free, 30 days.

    • Still have questions?
      Let's chat!

      Have questions? Concerns? Sweaty palms? Our team is here to help (with a smile).

       

      Website FAQs

      Get answers to all your questions.

      View FAQs
       

      Give us a Shout

      We'd love to hear from you!

      Contact Us
Search eCatholic
Button
 
Products
  • Websites
  • Online Giving
  • Pay
  • Group Messaging
  • ChMS
  • Live Streaming
Company
  • Our Story
  • Meet Our Team
  • Testimonials
  • Join Our Team
  • Contact Us
Services
  • Custom Design
  • Branding Package
  • Logo Design
  • Quick Flip
  • Free Themes
Resources
  • FAQs
  • Beginner's Guide
  • Blog
  • Webinars
  • Help Center
Who We Serve
  • Parishes
  • Schools
  • Ministries
  • Dioceses
 Copyright eCatholic ® 2025 - All Rights Reserved.
Terms of Service|Privacy Policy|eCatholic is a division of WEBPROPRODUCTIONS, LLC
Why eCatholic?
  • Our Story
  • Testimonials
  • Meet the Team
  • Join Our Team
  • Contact Us
Customers
  • Parishes
  • Schools
  • Dioceses
  • Ministries
Products
  • Websites
  • Donations & Payments
  • Live Streaming
  • Stock Photos
  • Pricing
Services
  • Custom Design
  • Branding Package
  • Logo Design
  • Quick Flip
  • Free Themes
Resources
  • FAQs
  • Beginner's Guide
  • Blog
  • Webinars
  • Help Center
  • Accessibility
  • Websites
  • Donations & Payments
  • Live Streaming
  • Stock Photos
  • Pricing
  • Free Trial
  • Customers
  • Testimonials
  • Resources
  • Contact Us
       
                     
Contact Us

 
Copyright eCatholic ® 2021 - All rights reserved. | Privacy Policy | eCatholic is a division of WEBPRO PRODUCTIONS, LLC
//Blog article video resizing var $allVideos = $("#background:not(.admin) .fluid-width-video-wrapper iframe"), // The element that is fluid width $fluidEl = $(".fluid-width-video-wrapper"); // Figure out and save aspect ratio for each video $allVideos.each(function() { $(this) .data('aspectRatio', this.height / this.width) // and remove the hard coded width/height .removeAttr('height') .removeAttr('width'); }); // When the window is resized $(window).resize(function() { var newWidth = $fluidEl.width(); // Resize all videos according to their own aspect ratio $allVideos.each(function() { var $el = $(this); newWidth = $el.parent().width(); $el .width(newWidth) .height(newWidth * $el.data('aspectRatio')); }); // Kick off one resize to fix all videos on page load }).resize();
Facebook X (Twitter) YouTube LinkedIn
Login
powered by eCatholic®