Beaver Builder
Learn about how to create a page using Beaver Builder. This should include:
- how to create rows & columns including padding, margins, styling
- how to use all the Beaver Builder modules that we commonly use for the Jackson-Reed Website.
- These include buttons, headings, text editors, callouts, accordions, posts sliders, photo galleries and more.
I'm just a boring text editor box but I can be used for so much!

Callouts
Can be used to combine a heading, image, text and a link or button in one handy package. You could build them separately but when done like this they are easy to move around!
Accordions & Icons
We also use icons sometimes to especially on buttons. Above is an icon group.
Website Updates
Post Slider
Set the Posts slider up to show the last 5 slides that have the "keyposts" tag on it. Have them scroll cleanly! You'll need to do some styling for the posts too - can you figure out how to do the transparency?
Row Design
Notice the green wave above website updates? How do you make that - go to Row Settings - on the Style tab look for Top Row - set it to Waves with a height of 30 and set the color to our green. #D9E9E5
More Posts
Sometimes we show posts in a grid or masonry format. Do this for all the fundraisers! We also set a background color on this row to make it stand out. Let's just show the first three in a column but play around with!
Senior Fundraiser at Seoul Spice
It is hard to believe that it is almost October and college application season is already upon us! Every year, the senior class at Jackson-Reed (and formerly Wilson) undertakes a few fundraisers to help lower the costs for graduation caps & gowns, which cost in total around $20k. Please mark your calendars for two upcoming fundraisers…
- « Previous
- 1
- 2
- 3
- 4
- Next »