Custom CSS is a quick and accessible method for hobbyists and developers to make style changes beyond what can be done using available settings. In this tutorial, we’ll cover the Page Builder Attributes tab and how it can be used when making Custom CSS changes. This brief guide is aimed at users with a basic understanding of CSS or those wanting to go beyond using the Visual Editor in SiteOrigin CSS.

The ability to make a rule specific to a post, page or group of posts is really useful and much easier than you might think. WordPress outputs class names into the body tag of each post or page, we can use those class names to prefix our CSS rules and thereby make them specific to the post, page or group of posts we’d like to target.

If a page on your website no longer exists or if a link is incorrect, your users will see your 404 page. By default, your theme controls the content on your 404 page. Using 404page plugin and Page Builder by SiteOrigin, creating a custom 404 page is much quicker and easier than you might think.

Adding a form to your hero image is a great way to turn user attention into action. In this tutorial, we’ll cover how to use Page Builder by SiteOrigin and the SiteOrigin Widgets Bundle to add a hero image (using the Layout Slider widget) and a contact form to your page.