Skip to content

Overskrift H1

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 .gh-trompet

Overskrift 2

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

gh-h2-haand

 .gh-spalte-l

Praktiske oplysninger

  • Aldersgruppe: 6-12 år
  • Aktivitet: 2,5 time
  • Pris:
    Per barn. ( Der betales for minimum 10 børn) 70 DKK



    Op til 5 voksne,
    der deltager sammen med børnene GRATIS

I am text block. Click edit button to change this text.

Lorem ipsum dolor sit amet

consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 .gh-spalte-r
 .gh-intro

Overskrift H1

Brødtekst <p>

 Dynamic Template: Template undersider.
Vælges i Backend under Theme Settings

00 Generel typografi

<p> Afsnit/ brødtekst: I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

p{ 
  padding-bottom: 0.5em;
  margin: 0;
  }

<h2> Overskrift 2: I am text block.

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

h2{
  margin:0 0 0 0;
  padding-bottom: 0;
  }

<h3> Overskrift 3: I am text block.

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

h3{
margin:0 0 0 0;
padding-bottom: 0em;
}

<h4> Overskrift 4: I am text block

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

h4{
  font-size: 1em;
  margin: 1em 0 0 0;
  line-height: 1em;
  }
  • <li> punktopstilling
  • Click edit button to change this text.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Ut elit tellus, luctus nec ullamcorper mattis
  • Pulvinar dapibus leo.
li{
  padding:0 0 0.5em 0;
  }
<pre> præformateret

Click edit button to change this text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.
Pulvinar dapibus leo.
pre { 
  padding:0;
  background: none;
  border: none;
  }

<del> gennemstreget

Normalt vil teksten blive gennemstreget. Vi har fjernet gennemstregningen og bruger denne formatering til lidt forskelligt.

del{
  text-decoration: none;
  }

<hr> Vandret linje


Bruges bl.a. i aktivitetsspalten

hr{
  /*aktivitetsspalte*/
  border: solid #e8e8e8;
  border-width: 1px 0 0;
  clear: both;
  margin: 0.5em 0;
  height: 0;
  }

gh-h2-haand

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

.gh-h2-haand h2{
  padding-bottom: 0.25em;
  margin:30px 6px 0 0;
  }
.gh-h2-haand h2::before{
  display:inline-block;
  content: url(/wp-content/uploads/2022/03/pegehaand-50.png);
  margin: 0 5px 0 0;
  }
.gh-h2-haand img{
  height: 200px;
  max-width: 200px;
  } /* ??? */

KNAPPER, LINKS OG UNDERMENU

<a> Link

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Her er et link

.gh-button{
  font-size: 1.2em;
  }
.gh-navigation-bar
/* Lokalmenuer på aktivitetssider og 
   topmenu forside
   Hover + avtive
---------------------------*/
.theme-button.minimal-border:hover, .active > .theme-button.minimal-border, .theme-button.minimal-border.active {
  background: #fff;
  color: #af191e;
  border-color: #af191e;
  }

gh-knap

KNAP
VBC-Short-code
[ vcex_button url="#" title="Visit Site" style="flat" align="left" color="black" size="small" target="self" rel="none"]KNAP[ /vcex_button]
.gh-button{
  font-size: 1.2em;
  }

HTML-knap

<button> HTML-knap </button>

Theme-button outline

.theme-button.outline {
  color: #1a73e8;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: none;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  border: 1px solid currentColor;
  font-weight: 600;
  }

BOKSE OG RAMMER

gh-ramme

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

.gh-ramme {
  background: #e4e1d5;
  border: 4px double black;
  padding: 15px;
  }

gh-billedtekst

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

gh-ordbog

Click edit button:  to change this text.

Lorem ipsum:  dolor sit amet.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

FLYTTES til TYPOGRAFI.
Tilføj <small>

.gh-billedtekst,
.gh-featurebox p,
.gh-ordbog p{
  font-size: 0.92em;
  font-family: 'Roboto', sans-serif;
  }

/* ORDBOG ------------------*/
.gh-ordbog{
  margin:0.5em 0 0;
  }
.gh-ordbog p{
  padding:0 0 0.5em 0;
  }

gh-faktaboks

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

/* FAKTABOKS ------------------*/
.gh-faktaboks{
  background: #white;
  padding: 15px 15px 0;
  border: 1px solid #ccbba0;
  }
.gh-faktaboks h2{
  font-weight:400;
  font-size: 1.3em;
  padding: 15px 0;
  }
.gh-faktaboks p{
  font-family: 'Roboto', sans-serif;
  font-size: 0.95em;
  }

gh-intro (h1)

(p) Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

/*==========================
* GH-INTRO
* Øverste sektion på landing-page
==========================*/
.cmf-intro,
.gh-intro{
  min-height: 400px;
  }
.cmf-intro h1,
.gh-intro h1{
  font-size: 2.3em;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}
.cmf-intro p,
.gh-intro p{
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: 400;
  padding-bottom: 1em;
  }

gh-trompet

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

/*==========================
* GH-TROMPET
* Fremhævet tekst/ indledning af afsnit
============================*/
.gh-trompet{
  display:block;
  font-size: 1.1em;
  font-weight: 400;
  line-height:1.4em;
  margin:0.75em 0 ;
  padding-bottom:1em ;
  }

SIDEBARS

gh-praktiske-oplysninger

Højre-/ venstre-spalte Aktiviteter og Events

H3 Praktiske oplysninger

  • <li> Gennemstreget: 6-12 år</li>
  • <del> Gennemstreget: </del> 2,5 time
  • Pris:
    Per barn. Minimum 10 børn KURSIV



    Op til 5 voksne,
    der deltager sammen med børnene GRATIS



    Ekstra voksne 63 DKK


    Hvis børnene bliver hentet af deres forældre på fortet tilbyder vi, at de kan få 50% rabat på entréen, hvis de har lyst til at blive og opleve fortet.

  • Sprog: Børnefødselsdage kan afholdes på enten dansk eller engelsk.
  • Book tid:
    Weekend 10:30 – 13:15 eller 14:00 – 16:30
    Hverdage: I tidsrummet mellem kl. 13:00 – 18:00
/*========================
PRAKTISKE OPLYSNINGER: Spalte med info.
========================*/
.gh-praktiske-oplysninger{
  font-size:0.9em;
  padding: 1em 25px;
  }
.gh-praktiske-oplysninger ul{
  margin: 0;
  list-style: none;
  }
.gh-praktiske-oplysninger li{
  padding:10px 0;
  border-bottom:1px solid black;
  }
.gh-praktiske-oplysninger del{
  text-decoration: none;
  color: #839580;
  font-weight: bold;
  }
.gh-praktiske-oplysninger em{
  display: inline-block;
  float: right !important;
  }

gh-spalte-r

Hele spalten. Højre-spalter. Opryd!

H3 Praktiske oplysninger

  • <li> Gennemstreget: 6-12 år</li>
  • <del> Gennemstreget: </del> 2,5 time
  • Pris:
    Per barn. Minimum 10 børn KURSIV



    Op til 5 voksne,
    der deltager sammen med børnene GRATIS



    Ekstra voksne 63 DKK


    Hvis børnene bliver hentet af deres forældre på fortet tilbyder vi, at de kan få 50% rabat på entréen, hvis de har lyst til at blive og opleve fortet.

  • Sprog: Børnefødselsdage kan afholdes på enten dansk eller engelsk.
  • Book tid:
    Weekend 10:30 – 13:15 eller 14:00 – 16:30
    Hverdage: I tidsrummet mellem kl. 13:00 – 18:00
.gh-spalte-r {
  font-size:0.9em;
  padding: 25px 25px 30px 25px;
  }
.gh-spalte-r ul{
  margin: 0;
  list-style: none;
  }
.gh-spalte-r li{
  border-bottom:1px solid black;
  padding:0.75em 0;
  }
.gh-spalte-r del{
  text-decoration: none;
  color: #839580;
  font-weight: bold;
  }

gh-spalte-l

Hele spalten. content/ venstre-spalter. Opryd!

h2 Mellemrubrik

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

h3 Mellemrubrik

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

.gh-spalte-l{
  padding:0px 25px 30px 0px;
  border-right: 1px solid black;
  }
.gh-spalte-l h2 {
  font-size: 1.25em;
  line-height:1.3em;
  margin: 1em 0 0.2em;
  }
.gh-spalte-l h3 {
  font-size: 1em !important;
  margin: 0 0 0.01em;
  }

cmf-sektion

RYD OP!

.cmf-sektion{
  margin-top:30px;
  }
.cmf-indhold{
  margin-bottom:30px;
  }
.cmf-indhold h3{
  font-size: 1.2em;
  margin:1em 0 0 0;
  }

Visual Bakery byggeklodser

GH-toogle-faq

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros urna, aliquet et porttitor in, congue ut risus. Nunc placerat faucibus ligula a mattis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros urna, aliquet et porttitor in, congue ut risus. Nunc placerat faucibus ligula a mattis.

GH-toogle-faq Group

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros urna, aliquet et porttitor in, congue ut risus. Nunc placerat faucibus ligula a mattis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros urna, aliquet et porttitor in, congue ut risus. Nunc placerat faucibus ligula a mattis.

.gh-toogle-faq
.gh-toogle-faq-group

TOUR

OBS: Tour settings:

Style skal sættes til Theme Style

/*==========================
* VC MODUL TOUR
============================*/
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-total .vc_tta-tab.vc_active>a {
  color: darkred;
  border-color: darkred;
  }

Tabs

Style = Theme Style

/*WPBackery TABS*/

.vc_tta-panel.vc_animating {
  opacity: 0;
  }

/* The following code can be used to add a fade animation */
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
  animation: vctabsAnimate 1s cubic-bezier(0.4, 0, 0.6, 1) 1;
  }

@keyframes vctabsAnimate {
0% {opacity: 0;}
100% {display: block; opacity: 1;}
  }

Image slider

/*==========================
* IMAGE SLIDER
============================*/
.wpex-slider .sp-arrow {        /*Pile*/
  width: 34px;
  height: 34px !important;
  border-radius: 50%;
  line-height: 34px;
  top: 0;
  font-family: "ticons";
  color: #000;
  text-align: center;
  font-size: 21px;
  background: rgba(0,0,0,0.1);
  transition: 0.15s all ease;
  }

.wpex-slider-caption {
  max-width: 100%;
  text-align: left;
  }

.wpex-slider-media img{
  margin-bottom-bottom: 30px;
  }

Image carousel

.gh-image-{}

Post grid: item design ‘forside-grid’

Post grid: item design ‘Aktivitet-grid’

Matematiske Escape rooms

Hold fødselsdag på fortet

Orienteringsløb i Ermelunden

 .cmf-forside-grid
Back To Top