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 årAktivitet:2,5 timePris: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.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
.gh-spalte-r
Dynamic Template: Template undersider. Vælges i Backend under Theme Settings
00 Generel typografi
<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; }
VBC Navigation Bar
.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; }
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
/*========================== * 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; }
/*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’
.cmf-forside-grid