brooklyn duomo aific banner image

How do I create a button?

Create a regular link, then use the code editor (click the button that looks like this: "<>") to add the button class.

Regular Link

In code looks like:

<a href="/code-snippets/">Regular Link</a>

Just add "class="btn btn-primary"

<a class="btn btn-primary" href="/code-snippets/">Button Link</a>

Which will look like this:

Button Link

 

What about that other button style?

Code:

<a class="btn btn-default" href="/code-snippets/">Button Link</a>

Looks like:

Button Link

 

What about the other... other button style?

Code:

<a class="btn btn-secondary" href="/code-snippets/">Button Link</a>

Looks like:

Button Link

 


How do I add "Are you a Member?" Section from Mission/Vision page to other pages?

Paste this code snippet into the code editor (click the button that looks like this: "<>") where you'd like this block to appear.

are you a member? screenshot from mission page aific

<hr />
<h2 style="text-align: center;">Are you a Member?</h2>
<p style="text-align: center;">Join us! Gain access to exclusive events and other benefits.</p>
<p style="text-align: center;"><a class="text-center btn btn-primary" href="/membership/">Join Now</a></p>

 


How do I get a line to appear between content?

Just add this tag in the code editor (click the button that looks like this: "<>") where you want a line to appear.

<hr />

 


On the Book Awards Project Pages, how did you add the events section?

This section is a little bit tricky, we used a table!  Copy this code, paste into the code editor (click the button that looks like this: "<>"), and just enter the updated content to use it on another page.

<h2 class="p1"><span class="s1">Award Ceremonies</span></h2>
<table class="table table-responsive" style="height: 66px;" width="100%">
<tbody>
<tr>
<td style="width: 75%;">
<h4>24 October, 2016 &mdash; 7:00 pm</h4>
<p class="p1"><span class="s1">Embassy of Italy &ndash; Washington , DC &nbsp;</span></p>
</td>
<td style="width: 25%; text-align: right;">&nbsp;<a class="btn btn-primary" href="/events/1/"><span class="s1">View Event</span></a></td>
</tr>
<tr>
<td style="width: 75%;">
<h4>26 October, 2016 &mdash; 6:00 pm</h4>
<p class="p1"><span class="s1">Instituto Italiano di Cultura &ndash;&nbsp;New York City</span></p>
</td>
<td style="width: 25%; text-align: right;">&nbsp;<span class="s1"><a class="btn btn-primary" href="/events/3/">View Event</a></span></td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee;">
<td style="width: 75%;">
<h4 class="p1"><span class="s1">16 November 2016 &mdash; 6:00 pm</span></h4>
<p class="p1"><span class="s1">Embassy of US in Rome , Italy&nbsp;</span></p>
</td>
<td style="width: 25%; text-align: right;">&nbsp;<span class="s1"><a class="btn btn-primary" href="/events/1/">View Event</a></span></td>
</tr>
</tbody>
</table>

It will look like this:

Award Ceremonies

24 October, 2016 — 7:00 pm

Embassy of Italy – Washington , DC  

 View Event

26 October, 2016 — 6:00 pm

Instituto Italiano di Cultura – New York City

 View Event

16 November 2016 — 6:00 pm

Embassy of US in Rome , Italy 

 View Event