Mangrove Stylebook
The Stylebook represents list of components that are part of Mangrove template.
Each of the Stylebook items contains detailed explanations of block options and it's functionalities.
Block Name: Hero
Subfields
- Hero Type
- Title
- Content
- Image
- Image (small)
- Button Group
- Background Type
- Background Color
- Background Image
Preview
![Hero](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/hero/preview.jpg)
Block Name: Logos
Subfields
- Logos per row
- Logos
- Options
Preview
![Logos](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/logos/preview.jpg)
Block Name: Text + Image
Subfields
- Layout
- Items
- Options
Preview
![Text + Image](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/text-image/preview.jpg)
Block Name: Call Out
Subfields
- Title
- Text
- Icon
- Link
- Options
Preview
![Call Out](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/call-out/preview.jpg)
Block Name: CTA
Subfields
- Button Group
- Options
Preview
![CTA](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/cta/preview.jpg)
Block Name: Featured Posts/Pages
Subfields
- Type
- Number of items
- Items per row
- Custom Posts
- Enable Mobile Slider?
- Pages
- Options
Preview
![Featured Posts/Pages](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/featured-posts/preview.jpg)
Block Name: Single Image/Video
Subfields
- Media Type
- Image
- Video URL
- Video Thumbnail
- Quote Text
- Quote Subtext
- Options
Preview
![Single Image/Video](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/single-image-video/preview.jpg)
Block Name: Basic Text
Subfields
- Columns
- Options
Preview
![Basic Text](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/basic-text/preview.jpg)
Block Name: Spacer
Subfields
- Space Size
Preview
![Spacer](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/spacer/preview.jpg)
Block Name: Form
Subfields
- Form Width
- Gravity Form ID
- Form Script
- Options
Preview
![Form](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/form/preview.jpg)
Block Name: Testimonials
Subfields
- Title
- Subtitle
- Testimonials
Preview
![Testimonials](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/testimonials/preview.jpg)
Block Name: Column Text
Subfields
- Title
- Column 1
- Column 2
- Image - Column 1
- Image - Column 2
- Bottom Image
- Options
Preview
![Column Text](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/column-text/preview.jpg)
Block Name: Divider
Subfields
- Options
Preview
![Divider](https://middlesexcountyfjc.org/wp-content/themes/_fjc2023/classes/building-blocks/divider/preview.jpg)