Petra: In The Middle East blog is the personal narrative told through anecdotes, photos and film of a young black Western woman, Petra, living in the Middle East. Authentic, vulnerable and honest, the blog aims to offer you an open look into how she and her closest are affected by Middle Eastern culture and life. 


East Meets West

Packed with long form stories.


Yum...So good

 Everything about Middle Eastern life told through food!

 


In These Streets

Navigation Background - choose a color for the background of the main navigation area.

Site Name - set the typeface, size, transform and letter spacing properties of the site name in the navigation area.

Navigation - set the typeface, style, size, transform and letter spacing properties of the navigation text.

Navigation Link Color - choose a color to be assigned to the navigation links.

Navigation Link Hover Color - choose a color that will be used upon hovering the navigation links.

Navigation Active Link Color - choose a color that will be used on active links in the navigation. 

Navigation Spacing - controls the amount of padding used on the top and bottom of the navigation area.

Logo Height (Navigation) - limits the height of the site logo when present within the navigation area.

Top Navigation Position - positions the main navigation above or below the site banner area. If set to 'None,' the navigation will be shown in sidebar 1 as a simple vertical list.

Top Navigation Alignment - controls the text alignment of the navigation links.

Disable Navigation Border - removes the border from the bottom of the navigation area. 


Tobe 1

Canvas Background - choose a color for the background of the canvas (page body) area.

Canvas Background Image - upload your own background image to be used as the canvas background.

Heading 1 - set the typeface, style, size, line height, transform and letter spacing properties of H1.

Heading 1 Color - choose a color to be assigned to H1.

Heading 2 - set the typeface, style, size, line height, transform and letter spacing properties of H2.

Heading 2 Color - choose a color to be assigned to H2.

Heading 3 - set the typeface, style, size, line height, transform and letter spacing properties of H3.

Heading 3 Color - choose a color to be assigned to H3.

 

Body Text - set the typeface, style, size, line height and letter spacing properties of all body text.

Body Text Color - choose a color to be assigned to all body text.

Body Link Color - choose a color to be assigned to text links.

Body Link Hover Color - choose a color to be shown when text links are hovered with a mouse.

Blockquote - set the typeface, style, size, line height and letter spacing properties of blockquotes.

Page Spacing - controls the amount of spacing used at the top and bottom of pages.






 

 


Product Image Auto Crop - determines whether product images fill the image area or fit within.

Product Gallery Size - select an image ratio for the product gallery on the product item page.

Product Gallery Auto Crop - determines whether product images fill the gallery area or fit within.

Show Product Price - shows the price on the product list page when enabled.

Show Product Item Nav - shows the 'back to shop' link on the product item page.


Event Styles

Event Time Format - toggle between 24 hour or AM/PM for event times.

Event Icons - enable icons on the address and event time display.

Event Thumbnails - show an image thumbnail in list view.

Event Thumbnail Size - controls the size (ratio width:height) of the event thumbnail image.

Event Date Label - enable date overlay on top of event thumbnail.

Event Date Label Time - include the time of the event with the date overlay.

Event Excerpts - show optional excerpt text of events on the list view when present.

Event List Date - show the full event date (day, month, year) of the event on the list view. 

Event List Time - show the time range (start time-end time) of the event on the list view.

Event List Address - show the event location address when present.

Event iCal/gCal Links - show links to add events to Apple or Google calendars.

Event Like and Share Buttons - show Squarespace simple like and share buttons on events.

Event List Compact View - enable a simple stacked view of events in the list view.

Event Calendar Compact View - enable a simpler calendar view optimized for smaller areas.

 


In Depth Guide

Our Customer Care team has created a very useful guide on Using the Five Template if you'd like a more in-depth look.  

 
 

Banner image by Rotellini Luciano