Leia Site Styles


Brown: #BB724F

Light Brown: #F8F3ED




Brand Page


ANNOUNCEMENT BAR

Bar Background Color: Type in #BB724F in the place of the hsl code

Bar Text Color: Type in #FFFFFF in the place of the hsl code

Bar Font:

Font: Open Sans

Weight:: 400

Style: Normal

Size: 14px

Letter Spacing: 1.5px

Text Transform: Uppercase


SITE HEADER

Transparent on Banner Images: Check

Site Title Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 46px

Letter Spacing: 0px

Text Transform: None

Site TItle Color: Type in #BB724F in the place of the hsl code

Site Title Container Width: 220px



SITE NAVIGATION

Nav Link Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 14px

Letter Spacing: 2px

Text Decoration: None

Text Transform: Uppercase

Nav Link Color: #BB724F

Nav Link (Active): #BB724F

Enable Nav Button: Check

Nav Button Style: Raised

Nav Button Corner Style: Square

Nav Button Color #BB724F

Nav Button Text Color: #FFFFFF

Nav Button Font:

Font: Open Sans

Weight: 700

Style: Normal

Letter Spacing: 2px

Text Decoration: None

Text Transform: Uppercase


BANNER SECTION

Banner Overlay Color: hsla(0, 0%, 100%, 0)

Banner Heading Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 46px

Letter Spacing: 1px

Text Transform: None

Line Height: 1.1em

Banner Heading Color: #FFFFFF

Banner Text Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 16px

Letter Spacing: 3.5px 

Text Transform: Uppercase

Line Height: 1.6em

Banner Text Color: #FFFFFF

Banner Button Style: Raised

Banner Button Corner Style: Square

Banner Button Color: #BB724F

Banner Button Text Color: #FFFFFF

Banner Button Font:

Font: Open Sans

Weight: 700

Style: Normal

Size: 14px

Letter Spacing: 2px

Text Decoration: None

Text Transform: Uppercase


MAIN CONTENT

Page Background: #FFFFFF

Page Text Font:

Font: Open Sans

Weight: 300

Style: Normal

Size: 16px

Letter Spacing: 0.5px

Line Height: 1.6em

Page Text Color: #000000

Heading 1 Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 36px

Letter Spacing: 0px

Text Transform: None

Line Height: 1.2em

Heading 1 Color: #BB724F

Heading 2 Font:

Font: Merriweather Sans

Weight: 300

Style: Normal

Size: 28px

Letter Spacing: 0px 

Text Transform: None

Line Height: 1.2em

Heading 2 Color: #1F1F1F

Heading 3 Font:

Font: Open Sans

Weight: 700

Style: Normal

Size: 14px

Letter Spacing: 3px 

Text Transform: Uppercase

Line Height: 1.4em

Heading 3 Color: #BB724F


MAIN CONTENT

Quote Font:

Font: Merriweather Sans

Weight: 300

Style: Normal

Size: 22px

Letter Spacing: 0px 

Line Height: 1.2em


BUTTON BLOCK (SMALL)

Small Button Style: Solid

Small Button Shape: Square

Button Color: #BB724F

Text Color: #FFFFFF

Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 12px

Letter Spacing: 3px

Text Transform: Uppercase


BUTTON BLOCK (MEDIUM)

Medium Button Style: Outline

Medium Button Shape: Square

Button Color: #BB724F

Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 15px

Letter Spacing: 2px 

Text Transform: Uppercase


BUTTON BLOCK (LARGE)

Large Button Style: Raised

Large Button Shape: Square

Button Color: #BB724F

Text Color: #FFFFFF

Font:

Font: Open Sans

Weight: 400

Style: Normal

Size: 18px

Letter Spacing: 4px 

Text Transform: Uppercase


IMAGE BLOCK: COLLAGE

Dynamic Font Sizing: Check

Content Position: Center

Text Alignment: Left

Image Width: 60%

Content Width: 50%

Content Offset: 5%

Title Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 36px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.2em

Title Color: #BB724F

Subtitle Font:

Font: Open Sans

Weight: 300

Style: Normal

Size: 20px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.6em

Subtitle Color: #000000

Inline Link Color: #BB724F

Title Separation: 4%

Card Background: #F8F3ED

Card Padding: 10%

Image Overlay Color: hsla(0, 0%, 0%, 0)

Button Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 16px

Letter Spacing: 0.2em

Text Transform: Uppercase

Line Height: 1.1em

Button Font Color: #FFFFFF

Button Background Color: #BB724F

Button Border Color: #BB724F

Button Border Width: 1px

Button Padding: 1em

Button Rounding: 0em

Button Separation: 6%


IMAGE BLOCK: CARD

Dynamic Font Sizing: Check

Content Position: Center

Text Alignment: Center

Image Width: 50%

Title Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 36px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.2em

Title Color: #BB724F

Subtitle Font:

Font: Open Sans

Weight: 300

Style: Normal

Size: 20px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.6em

Subtitle Color: #000000

Inline Link Color: #BB724F

Title Separation: 2%

Card Background: #F8F3ED

Card Padding: 8%

Card Separation: 0%

Image Overlay Color: hsla(0, 0%, 0%, 0)

Title Background Color: hsla(0, 0%, 0%, 0) 

Button Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 15px

Letter Spacing: 0.2em

Text Transform: Uppercase

Line Height: 1.1em

Button Font Color: #FFFFFF

Button Background Color: #BB724F

Button Border Color: #BB724F

Button Border Width: 1px

Button Padding: 1em

Button Rounding: 0em

Button Separation: 4%



PREFOOTER

Pre Footer Background: #F8F3ED

Pre Footer Text Color: #BB724F


FOOTER

Footer Background: #BB724F

Footer Text Color: #FFFFFF

Footer Nav Font:

Font: Open Sans

Weight: 700

Style: Normal

Size: 13px

Letter Spacing: 2.5px

Text Decoration: None

Text Transform: Uppercase

Footer Nav Link Color: #FFFFFF

Footer Nav Link (Active): #FFFFFF

Center Navigation / Info: Check



Contact Page

Form CSS:


// To Customize Forms // 


.form-wrapper .field-list .field .field-element{

  border: 0px solid;

  border-bottom: 3px solid;

  border-color: #bb724f;

  background: #f8f3ed;  

}


 .form-wrapper input[type="submit"] {

   display: block;

   background: #bb724f;

   color: #ffffff;

   padding: 15px 40px;

   font-family: 'open sans';

   text-transform: uppercase;

   font-size: 14px;

   font-weight: 500;

 }




Shop Page


Sidebar

Hide Product Category Nav: Check


Products

Product Background Color: hsla(0, 0%, 0%, 0)

Product Overlay Color: hsla(0, 0%, 0%, 0)

Products Per Row: 2

Product List Titles: Under

Product List Alignment: Center 

Product Item Size: 1:1 Square

Product Image Auto Crop: Check

Show Product Price: Check


Inside a Product Page

Product Gallery Size: 2:3 Standard Vertical

Product Gallery Auto Crop: Uncheck

Show Product Item Nav: Uncheck

Product Social Sharing: Check





Landing Page


POSITIONING

Placement: Left

Alignment: Center


IMAGERY

Style: Full

Auto Overlay Color: Uncheck

Custom Overlay Color: Uncheck

Auto Loading Color: Check


BRANDING

Font:

Font: Open Sans

Weight: 700

Style: Normal

Size: 18px

Letter Spacing: 0.2em

Text Transform: Uppercase

Line Height: 1em

Color: #BB724F


HEADLINE

Font:

Font: Merriweather

Weight: 400

Style: Normal

Size: 46px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.2em

Color: #BB724F


BODY

Font:

Font: Open Sans

Weight: 400

Style: Normal

Size: 18px

Letter Spacing: 0em

Text Transform: None

Line Height: 1.6em

Color: #000000


BACKGROUND

Color: #FFFFFF

Color Behind Text: #FFFFFF

Page Border: Uncheck


BUTTON

Font:

Font: Open Sans

Weight: 600

Style: Normal

Size: 16px

Letter Spacing: 0.2em

Text Transform: Uppercase

Button Style: Solid

Button Shape: Rectangle

Color: #BB724F

Text Color: #FFFFFF





Work With Me Page > Lightbox Mode Form


BUTTONS

Style: Solid

Shape: Square

Button Color: #BB724F

Text Color: #FFFFFF

Font:

Font: Open Sans

Weight: 600

Style: Normal

Letter Spacing: 3px

Text Transform: Uppercase





Blog

Meta Priority: Category

Hide Entry Author: Check

Hide Entry List Footer: Check

Sidebar:

Hide Blog Sidebar: Uncheck







Blog CSS:



// To Hide Blog Banner //


.collection-type-blog.view-item .banner-thumbnail-wrapper {

     display: none;

 }



Blog Page Code:


<style>


.entry-title.p-name{

    display: block !important;

  }

  

.view-list .excerpt-thumb {

      display: block;

      float: none;

      width: 100%;

    height: 100%;

  }


.entry-content .excerpt-thumb img {

    position: relative;

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 80% !important;

    height: auto !important;

    top: 0px !important;

}

  

  </style>