The Wildflower Preservation and Propagation Committee
  • Home
  • About Us
  • Programs
    • Upcoming Events
    • Natural Landscape Seminar
    • Native Plant Sale
    • Garden Walks
    • Garden Mentoring
    • Outdoor Classrooms
  • Blog
  • Gallery
  • Resources
    • Natural Landscape Seminar 2020 Resources
    • Books
    • Garden Mapping Project
    • Garden Plans
    • Native Plant and Service Providers
    • Rain Garden How To
  • Contact Us

This is an example of a full width text box on a page that is set to use a Right Sidebar. Like the full width page, any row type/division/element can be used, but it will be sized into the reduced size content area because of the right side bar.

This sidebar on this page is set to “Page Sidebar”
There is also a “Blog Sidebar”, but that is used exclusively on the Blog page.


The lines above and below are horizontal lines inserted from the text area by clicking on the “Horizontal Line” icon in the typography bar.


You can add a photo (or photos) as you would in a word processor. To wrap around the photo(s), click the photo and click on the left (or right) edge icon.

Format Headings with Heading 1 (2, 3, 4, 5, 6 — all descending in type size)

Format paragraph text with size, color, bold, italic.
Bullet points can be added from the typography bar above — just click on the bulleted list icon. Bullet lines must be separated by a hard return (enter) to start another bullet

  • first bullet
  • second bullet
  • third bullet

Don’t try to put multiple line breaks or space bar spacings — they won’t work.
Only a hard return (enter) for a paragraph break or to break a style setting (such as here H4 returns to paragraph setting when ‘enter’ is hit).

A soft return (shift-enter) will keep lines closer and continue the style settings. (such as returning to paragraph style, here)

 

 

The above is an example of a divider set to 100% width, 2px, and using a theme color  #aac44e,
It’s a great way to divide content. This text is an additional text box beneath it added for tutorial only.

This is an example of a row split into 1/2 + 1/2.

You can place any type of content in either side. For this example, the left side contains an image (sized to large), the right side is a text box.

Events Calendar

Loading view.
  • September 2023

Calendar of Events

S Sun

M Mon

T Tue

W Wed

T Thu

F Fri

S Sat

0 events, 27

0 events, 28

0 events, 29

0 events, 30

0 events, 31

0 events, 1

0 events, 2

0 events, 3

0 events, 4

0 events, 5

0 events, 6

0 events, 7

0 events, 8

0 events, 9

0 events, 10

0 events, 11

0 events, 12

0 events, 13

0 events, 14

0 events, 15

1 event, 16

10:00 am

Walk on the Wild Side, Dorothy & Joe Robin, Saturday, September 16, 2023, 10am

September 16 @ 10:00 am

Walk on the Wild Side, Dorothy & Joe Robin, Saturday, September 16, 2023, 10am

Description: This 3 acre property has a variety of habitats: pond, steep slope, partial forest and dry and sunny. The native gardens range from brand new to 5 years old.  Come learn from our mistakes and successes!  Some of our planting goals have been to create low maintenance gardens in […]

0 events, 17

0 events, 18

0 events, 19

0 events, 20

0 events, 21

0 events, 22

0 events, 23

0 events, 24

0 events, 25

0 events, 26

0 events, 27

0 events, 28

0 events, 29

0 events, 30

  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
September 16
September 16 @ 10:00 am

Walk on the Wild Side, Dorothy & Joe Robin, Saturday, September 16, 2023, 10am

  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
  • There are no events on this day.
View Calendar

The rows above and below are invisible unless you hover over them Front End Builder, or see the wireframe outline in Backend Editor. It is a gap and will give you a space between sections. Each of these is set to 60px. You can use gaps within columns too.

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

The border is removed from this section as a divider is not needed on the last column.

This is an example of a full width text box on a page that is set to use a Right Sidebar. Like the full width page, any row type/division/element can be used, but it will be sized into the reduced size content area because of the right side bar.

This sidebar on this page is set to “Page Sidebar”
There is also a “Blog Sidebar”, but that is used exclusively on the Blog page.


The lines above and below are horizontal lines inserted from the text area by clicking on the “Horizontal Line” icon in the typography bar.


You can add a photo (or photos) as you would in a word processor. To wrap around the photo(s), click the photo and click on the left (or right) edge icon.

Format Headings with Heading 1 (2, 3, 4, 5, 6 — all descending in type size)

Format paragraph text with size, color, bold, italic.
Bullet points can be added from the typography bar above — just click on the bulleted list icon. Bullet lines must be separated by a hard return (enter) to start another bullet

  • first bullet
  • second bullet
  • third bullet

Don’t try to put multiple line breaks or space bar spacings — they won’t work.
Only a hard return (enter) for a paragraph break or to break a style setting (such as here H4 returns to paragraph setting when ‘enter’ is hit).

A soft return (shift-enter) will keep lines closer and continue the style settings. (such as returning to paragraph style, here)

 

 

 

The above is an example of a divider set to 100% width, 2px, and using a theme color  #aac44e,
It’s a great way to divide content. This text is an additional text box beneath it added for tutorial only.

This is an example of a row split into 1/2 + 1/2.

You can place any type of content in either side. For this example, the left side contains an image (sized to large), the right side is a text box.

This is an example of a Row split into 2/3 + 1/3.

The left side is a text box. The right side is an image carousel.

The rows above and below are invisible unless you hover over them Front End Builder, or see the wireframe outline in Backend Editor. It is a gap and will give you a space between sections. Each of these is set to 60px. You can use gaps within columns too.

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

1px, right, color #aac44e, Border Style: solid

This is a row split into 1/4 + 1/4 + 1/4 + 1/4.

Add padding (in Design Options) to increase space between columns.
Here, 10px on left and right for each box is added.

A border is added by adding a number in the ‘border’ section of Design Options (you can do all four or just a combination of one or more sides). Here, a right border is added to separate the sections.

The border is removed from this section as a divider is not needed on the last column.

  • Home
  • About Us
  • Blog
  • Events
  • Gallery
  • Contact Us

Copyright © 2020-2021 The Wildflower Preservation & Propagation Committee. All Rights Reserved.