📄️ Overview
📄️ Build a Page
<ReactPlayer url="https://youtu.be/p5fGV1H7m9E"
🗃️ Modules
2 items
📄️ Anchor Links
One common way to set up the user interface on a website is by using something called anchor links. The idea behind anchor links is that you could have a link in your header or on a specific page that directs to a specific location on a specific page. That link could be a button or an image, or it could be a simple text link or menu item. Here’s how to do it:
📄️ Blur Filter Background
Often times, it’s nice to apply a blur background filter to an area. For instance, maybe you have a row with a video background, and you’d like to have a white blur background behind the text to help separate it from the video background. We’ve added two custom css classes to our platform to help you quickly achieve that kind of affect.
📄️ Change the Background
<ReactPlayer url="https://www.youtube.com/watch?v=vXCc0KZEOtk"
📄️ Hide a Row When No posts
This is a neat little trick we use often with the page builder. When there are no upcoming events, for instance, we like to avoid having a permanent section of the website for events that ends up with a big blank area, or even worse, a message like “Sorry, there aren’t any upcoming events. Check back later!”
📄️ Modal Popup Windows
You can add a modal popup window to any page with the page builder.
📄️ Responsive Screens
Our page builder uses four breakpoints for content that you can use to change the design and layout of your pages based on small, medium, large, and extra large screen widths. By default, we set our breakpoints at 480px and 960px. Any screens below 480px are considered small screens, 480px-960px are medium screens, and 960px and up are large screens. Most of our layouts set the content max width at 1440px as well, so on screens wider than 1440px, the content will remain at 1440px while the backgrounds may stretch from edge to edge. Here’s how you can customize the content in the page builder based on responsive screen sizes.