How-To Tutorials
We cover everything from basic setup to advanced content creation, so you can more quickly and easily build (and manage) your Refoundry site.
Beginner
Learn the foundations of Refoundry — layout, styling, components, and responsive tools — and start building confidently from day one.
-
Column Sections
Lesson 1
Learn how to create a simple two-column layout using Refoundry’s container, row, and column system. Adjust widths, apply…
-
Flex Alignment
Lesson 2
Learn how to use flex alignment settings in Refoundry to control how content is positioned inside rows and…
-
Reusable Component Block
Lesson 3
Learn how reusable components work in Refoundry and how to use them to build once and reuse layouts…
-
Heading Styles
Lesson 4
Learn how heading levels and styles work independently in Refoundry, and how to transform content blocks without having…
-
Font Awesome Icons
Lesson 5
Learn how to use Font Awesome icons in Refoundry, including adding icons to headings, text, and buttons without…
-
Background Images
Lesson 6
Learn how to add and style background images with Refoundry, including size, position, no-repeat settings, and gradient overlays.
-
Borders and Shadows
Lesson 7
Learn how to style sections in Refoundry using border, border radius, and box shadow settings to create cleaner…
-
Image Block
Lesson 8
Learn how to use the Image block in Refoundry, control image fit settings, and adjust the focal point…
-
Responsive Settings
Lesson 9
Learn how to use responsive settings in Refoundry, including stacking columns, hiding elements on mobile, and device-specific styling.
Need more help?
Get support from our team.
Can’t find the answer in our docs? Submit a support request for one-off help, or explore our Support Retainers for ongoing partnership.