Info for web­site admins

Containers with a hea­der pic need the CSS ID hea­der. This will remo­ve the left and right mar­gin of the pic, so that the pic fills the full width of the sheet.

Containers with white back­ground. There are 2 ver­si­ons:

  • If you don’t add any addi­to­nal class, text color will be default set­ting from Avada, cur­r­ent­ly dark grey.
  • Containers with a class bg-white use green text color.

Containers with white back­ground need a  class bg-green to set text color to white.

Containers with grey back­ground need a class bg-grey. This is most­ly for hyper­link colors.

Width

Header pics are LARGE, pics wit­hin con­tent are MEDIUM.

Width of site 1100 px

2-col Layout Pages

Headerpic is full width with 1040 px x 426 px, ratio 2.35 : 1

Content col on 2/3 Pages is 690 px wide, Bilder max 690 px

Sidebar is 293 px

1-col Layout Pages, and sin­gle post pages

Column width with 1-col Layout is 620 px

2-col Layout Posts

Content width for post bei 589 px wenn Seitenspalte 28% wenn 85 px pad­ding per css

Sidebar 291 px

1-col Layout Posts, simi­lar to pages

Column width with 1-col Layout is 690 px <= equals hea­der­width with 1-col pages

Colors

Dark Green & Light Green

#06673E #9DB19D

Container BG grey
#DCDCDD

Text on grey
#64666B

Container BG green
#06673E

Text on green
#DCDCDD

bg-grey {
color: #64666B;
}

bg-green {
color: #DCDCDD;
}

bg-white {
color: #06673E;
}

Contrast color blue
#0C3C61

Contrast color red
#86082E
Shades from dar­ker to ligh­ter
#3F0013
#65001F
#86082E <= Main Menu
#A21D45 <= Hover on white back­ground
#BC3C63
#D96286
#EB91AD <= Hover on green back­ground