COLOUR

Font - RGBA 29,29,29,1

Pale blue - e4f3f8


PARAGRAPH

STYLES

Heading 1 - Domaine Sans

300 weight

51pt

0.0 spacing

1.12 line height

 

Heading 2- Domaine Sans

400 weight / bold

20pt

0.20 spacing

1.4 line height

RGBA 29,29,29,1

 

Heading 3 - Used for SUBHEADING

Domaine Sans (Custom font)

Caps locked

300 weight

20pt

0.05 spacing

1.4 line height

RGBA 29,29,29,1

 

Quote -  Adobe Garamond Pro

 

Body Text - Raleway

200 weight

16pt

0.05 spacing

1.4 line height

RGBA 29,29,29,1


Adding in Accordion dropdowns in product listings:

• Use ‘Heading 2’ for the title or to begin the section
• Use ‘Heading 3’ to end the section (The ‘Heading 3’ element will be automatically hidden)
• Use ‘Normal’ for the dropdown content


Fixed Header with Secondary Header not fixed

.Header--top, {

position: fixed!important;

z-index: 1000;

width: 100%;

}

.Header--bottom {

padding-top: 84px;}


Add in font

@font-face{font-family:'DomaineSans';src:url(https://static1.squarespace.com/static/596a892037c5813ffafb75c8/t/59792cb7893fc0424c41f9c8/1501113528574/DomaineSansTextWeb-Regular.woff2);font-weight:400;font-style:normal}@font-face{font-family:'DomaineSans';src:url(https://static1.squarespace.com/static/596a892037c5813ffafb75c8/t/5994e7e49f745675fd377480/1502930917661/DomaineSansText-Medium.otf);font-weight:Medium;font-style:normal}@font-face{font-family:'DomaineSans';src:url(https://static1.squarespace.com/static/596a892037c5813ffafb75c8/t/5994e7ee1e5b6c83aa6e2901/1502930928463/DomaineSansText-LightItalic.otf);font-weight:lighter;font-style:italic}@font-face{font-family:'DomaineSans';src:url(https://static1.squarespace.com/static/596a892037c5813ffafb75c8/t/5994e7f9ebbd1a4f1828d52b/1502930938619/DomaineSansText-Light.otf);font-weight:lighter;font-style:normal}


<!-- Plugin Gallery Random Order -->

<script src="/s/plugin-gallery-random-order.js"></script>

<script>pluginGalleryRandomOrder({});</script>

<!-- end Plugin Gallery Random Order -->


Replaced the individual font insertion with *

h1{font-family:'DomaineSans', !important;}h2{font-family:'DomaineSans'}p{font-family:'DomaineSans'}h3{font-family:'DomaineSans'}


Fix Header to top of screen.

.Header--top, {

position: fixed!important;

z-index: 1000;

width: 100%;

}

.Index-page:first-child, .Main--page, .Intro, .Main:not(.Main--products-list) {

padding-top: 85px;

}

@media all and (max-width: 830px){

.Index-page:first-child, .Main--page, .Intro, .Main:not(.Main--products-list){

padding-top: 90px !important;

}}

@media all and (max-width: 640px){

.Index-page:first-child, .Main--page, .Intro, .Main:not(.Main--products-list){

padding-top: 0px !important;

}}


Change ‘Sold Out’ text to something else. Paste this into the individual page header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>

$(function() {

$('.product-mark.sold-out').html('Coming Soon');

});

</script>