Norwegian version of this page

Fact box

Where you need to highlight some of the content, you can use a fact box. Here are the various options available in the design to add a fact box into articles and events.

Full-width fact box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In varius imperdiet nulla, lacinia aliquet augue pharetra id. Aenean cursus dolor in imperdiet cursus. Etiam sed sapien in nisl commodo condimentum fringilla eu mauris. Nullam viverra congue tempus. Vivamus et vulputate arcu, quis posuere leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper vel eros commodo interdum. Donec vitae mi condimentum, tincidunt est at, malesuada elit. Suspendisse potenti.

How to insert a regular fact box

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right info-fullwidth">

Expandable fact box

Quisque maximus urna quis auctor interdum. Aliquam consectetur porta ligula sed mattis. Morbi odio turpis, mollis in sem et, dictum facilisis erat. Vivamus odio nisl, porttitor ac facilisis sed, tincidunt eget eros. Etiam quis arcu sit amet libero tempor gravida. Integer in ex ex. Donec tristique faucibus porta. Vivamus elementum ornare est ut volutpat. Etiam tincidunt, velit eu cursus vehicula, arcu ipsum posuere lacus, et congue sem massa et nisi. Praesent scelerisque eu erat non blandit. Aenean consectetur egestas dapibus. Integer sodales eros non magna fermentum mattis.

Etiam venenatis at est id ultrices. Donec egestas neque a condimentum condimentum. Duis at mauris a urna ultricies egestas. Fusce feugiat risus eget purus tempus, malesuada interdum nisi vulputate. Maecenas quis vestibulum quam. Suspendisse potenti. Morbi lorem ex, laoreet a orci placerat, commodo bibendum orci. Nunc tempor ac tellus eget feugiat. Sed semper metus in tincidunt volutpat. Vivamus tristique elit vitae lorem porta imperdiet. Nunc ullamcorper vehicula libero, feugiat sollicitudin elit bibendum eget. Etiam efficitur ante a enim lacinia, eget pellentesque justo tincidunt. Morbi in urna quis ipsum gravida posuere.

How to insert an expandable fact box

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right toggle-container info-fullwidth">

Expandable fact box with picture

Computer parts lit by the light of a monitor

Expandable fact box with picture

How to insert an expandable fact box with picture

Enter the code in the article where you want it
Enter the picture's url in the code
Code: <div class="vrtx-facts-container vrtx-container-left toggle-container info-fullwidth full-width-img"><p><img alt="Alternativ tekst skrives inn her" height="285" src="Her legges bildeURL" width="507" /></p>

Fact box with black background

Full-width regular fact box with black background

How to insert a regular fact box with black background

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right info-fullwidth info-black">

Black expandable fact box

How to insert a black expandable fact box

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right toggle-container info-fullwidth info-black">

Black expandable fact box with picture

Computer parts lit by the light of a monitor

Expandable fact box with picture

How to insert a black expandable fact box with picture

Enter the code in the article where you want it
Enter the picture's url in the code
Code: <div class="vrtx-facts-container vrtx-container-left toggle-container info-fullwidth full-width-img info-black"><p><img alt="Alternativ tekst skrives inn her" height="285" src="Her legges bildeURL" width="507" /></p>

Fact box with red background

Full-width regular fact box with red background

How to insert a regular fact box with red background

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right info-fullwidth info-red">

Red expandable fact box

How to insert a red expandable fact box

Enter the code in the article where you want it
Code: <div class="vrtx-facts-container vrtx-container-right toggle-container info-fullwidth info-red">

Red expandable fact box with picture

Computer parts lit by the light of a monitor

Expandable fact box with picture

How to insert a red expandable fact box with picture

Enter the code in the article where you want it
Enter the picture's url in the code
Code: <div class="vrtx-facts-container vrtx-container-left toggle-container info-fullwidth full-width-img info-red"><p><img alt="Alternativ tekst skrives inn her" height="285" src="Her legges bildeURL" width="507" /></p>

Published Jan. 25, 2022 7:08 AM - Last modified Mar. 4, 2022 10:01 AM