This is a sticky notification bar that will display at the bottom of the site.

Content > Sections > Cookie Notice

The text is managed in the content field of this section. To remove the bar from your site, select the "Hide" check box.

Content > Link Lists > "Cookie Notice Button"

An additional "learn more" button can be added to the bar, which will show after the "Got It" button. You can add an item/link to this list to control the second button.

This is setup for you to use the default button style to generate a lightbox popup with an Ekklesia form. This functionality is automatically added to forms that have the class "form-lightbox" around the form code (see examples below). The form title will be the button text, and you can also add a data title tag to the code structure customize the button text, re. data-title="My Form Button"

There is an example at the bottom of the style guide page: https://eaglebrookchurch.com/styles/, and the code examples are includes below:

<div class="form-lightbox">{{tag="form" find="connect-with-us"}}</div>

or

<div class="form-lightbox" data-title="My Form Button">{{tag="form" find="connect-with-us"}}</div>

For this setup, you will need to manually add the "scrollto-anchor" class to the anchor, and and there can only be one anchor/id on the page (no duplicates). You can see the code setup with the class added below, and the "scroll button" example is at the top of the style guide page.

<p><a href="#lightbox-form" class="button scrollto-anchor">Scroll Button</a></p>

The "Sacred Bridge" font can be used with your header styles by manually adding the "font-sacred" class. This option is listed at the bottom of the Formats dropdown menu, so you would need to highlight the text and add the class from the list.

The backend setup looks like this: 

<h6 class="font-sacred">Font Sacred Text Example</h6>

Forms will display left aligned by default. You can center or right align your forms by manually adding the "form-center" or the "form-right" class to the form tag. These options are is listed at the bottom of the Formats dropdown menu in the content editor, so you would need to highlight the form tag and add the class from the list.

The backend setup looks like this: 

<div class="form-center">{{tag="form" find="connect-with-us"}}</div>