<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 1 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s .ci-style-1 h2:after {<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s:hover .ci-style-1 h2:after {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s {<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 50px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s:hover {<!-- [et_pb_line_break_holder] --> box-shadow: 0 25px 50px rgba(0,0,0,.2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.et_pb_content_n10s_4 .more-link.et_pb_button.ci_more_button, .et_pb_content_n10s_4 .more-link.et_pb_button.ci_more_button:hover {<!-- [et_pb_line_break_holder] --> padding: 10px 30px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 2 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleTwo .content_n10s {<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 50px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleTwo .content_n10s:hover {<!-- [et_pb_line_break_holder] --> box-shadow: 0 25px 50px rgba(0,0,0,.2);<!-- [et_pb_line_break_holder] --> top: -5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 3 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .et_pb_post .ci-textcontent-wrap {<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .et_pb_post .ci-textcontent-wrap:hover {<!-- [et_pb_line_break_holder] --> background-color: rgba(34, 34, 35, 0.9) !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .ci-all-content-wrap.ci-style-3 {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .ci-all-content-wrap.ci-style-3 p {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contentIntenseStyleThreeStyleTwo .ci-all-content-wrap.ci-style-3 {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 20px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThreeStyleTwo .et_pb_post .ci-textcontent-wrap {<!-- [et_pb_line_break_holder] --> top: 15px;<!-- [et_pb_line_break_holder] --> left: 15px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media screen and (min-width : 600px) {<!-- [et_pb_line_break_holder] --> .contentIntenseStyleThreeStyleTwo .et_pb_post .ci-textcontent-wrap:hover {<!-- [et_pb_line_break_holder] --> top: 30px;<!-- [et_pb_line_break_holder] --> left: 30px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 4 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleFour {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

Content Intense Demonstration

You can think of Content Intense as an enhanced Blog module. It displays your posts and pages excerpts in a variety of available new ways. Plus, you get lots of customization options!

Content Intense is designed to work in a single row/one column format. Using „Specialty Sections“ in Divi is not recommended with this module.

With that in mind, let’s say that Content Intense is both simple to use for beginners, yet very powerful for designers who learn how to use the full potential of all the settings. Like a game of chess, if you will.

To get you started, the demos in the first section on this page are styled using Content Intense’s native module settings. Most of them are the default settings, but some of the demos in the first section take advantage of basic adjustments.

In the second section, you’ll see a few examples of what you can do with just a bit of custom CSS beyond what Content Intense already provides! The second section also has a link to a free download of the custom layouts. For more info, please visit the Content Intense documentation page.

Explore Content Intense Possibilities

Native examples using module settings: Atlas | Alps | Himalayas | Rockies | Andes | Everest

Design concepts using custom CSS: Atlas | Alps Light | Alps Dark | Himalayas Dark | Himalayas Light

You’ll also want to visit the Content Intense plugin highlight from the Elegant Themes blog.

Atlas

The Atlas style for Content Intense features a vertical, 3-column layout. Atlas starts with the featured image (thumbnail) at top, the author’s avatar, meta data, content and then the „Read More“ button.

Meta data content and styling are fully adjustable.

This example has “Show Comments” turned off, along with a custom meta data separator. The “Read More” button has custom text („View More“), and is positioned in the center. The date is shown as “time ago” instead of an actual date.

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Alps

The Alps style for Content Intense features a horizontal, 1-column layout. Alps starts with the featured image (thumbnail) at left, then meta data, content and Read More button. This layout alternates with each row on desktop. The featured image is always on top when viewing on mobile devices.

Meta data content and styling are fully adjustable. The “Read More” button is positioned to the right in this case. The “Advanced” tab in the module will allow you to further style that text.

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Himalayas

The Himalayas style for Content Intense features a 3-column layout. Himalayas starts with the featured image as the background, then the title, meta data, content and Read More button as a padded overlay on top of that.

Meta data content and styling are fully adjustable. This example has “Show Comments” turned off. The date is shown as “time ago” instead of an actual date. In this example, the “Read More” button is positioned in the center.

Gorch Fock

Freuen sie sich auf dem großzügigen Balkon auf die ersten Sonnenstrahlen des Tages 

Sea Cloud

Sehr beliebt bei Alleinreisenden und Pärchen ist die ausgesprochen helle Wohnung Sea Cloud

Imperator

Die gut geschnittene und helle Wohnung für bis zu drei Personen ist ein sehr beliebtes Feriendomzil

Warrior

Diese Wohnung ist ausgesprochen beliebt, nicht zuletzt aufgrund einer eigenen großzügigen Tiefterrasse im Hofbereich

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Bounty 1

Helles und modernes Appartement mit großzügigem Südbalkon für bis zu drei Personen.

Sirius

Die helle und freundliche Wohnung Sirius ist beliebt bei Paaren und Alleinreisenden

Alabama

Wer dieses Appartement bucht wird mit einem herrlichen Weitblick bis zur Nordsee belohnt

Rockies

The Rockies style for Content Intense features a vertical, 3-column layout. Similar to Atlas, but with a more modern design.

Rockies starts with the featured image (thumbnail) as the background. The date is in the top left corner. The rest of the meta data, title, content and Read More button live within a container that moves up as you hover. Here, we use the word “in” as the meta data separator instead of the default „/“ separator. With this layout, it works really well. The comments count is in a speech bubble, which actually links to the comments section of your post.

As always, meta data content and styling are fully adjustable here.

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Andes

The Andes style for Content Intense features a vertical, 1-column centered layout with a max width of 800px. Andes starts with the featured image (thumbnail) at top with the author’s avatar and name. It has a bottom-cropped featured image to give the experpt a panoramic feel. Categories and post date are highlighted with borders under the content using the color you set for the meta text in the module. The design finishes with the post date on the bottom-left and comment count on the bottom-right.

Everest

The Everest style for Content Intense features a vertical, 3-column card layout similar to Atlas and Rockies.

Everest uses the featured image as a background that slowly slides left on hover. The meta date and comment bubble have transparent backgrounds, with a comment count above the speech bubble on hover. The excerpt area features the author avatar and an ellipsis indicator at bottom to signal interaction, and has a  slightly reduced opacity that expands upwards on hover.

We’re sure that Content Intense will provide fresh-looking, modern layouts for you.

Using Module Styling

Adding Custom CSS

The stylists at Superfly have been hard at work coming up with custom styling for Content Intense that top-notch website designers can truly appreciate.

The Content Intense demos in this section have additional custom CSS applied to them to enhance effects that are outside the native settings.

This time, Atlas comes with the border under its title that expands on hover.

Unsere Objekte des Tages

<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 1 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s .ci-style-1 h2:after {<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s:hover .ci-style-1 h2:after {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s {<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 50px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleOne .content_n10s:hover {<!-- [et_pb_line_break_holder] --> box-shadow: 0 25px 50px rgba(0,0,0,.2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.et_pb_content_n10s_4 .more-link.et_pb_button.ci_more_button, .et_pb_content_n10s_4 .more-link.et_pb_button.ci_more_button:hover {<!-- [et_pb_line_break_holder] --> padding: 10px 30px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 2 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleTwo .content_n10s {<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 50px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleTwo .content_n10s:hover {<!-- [et_pb_line_break_holder] --> box-shadow: 0 25px 50px rgba(0,0,0,.2);<!-- [et_pb_line_break_holder] --> top: -5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 3 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .et_pb_post .ci-textcontent-wrap {<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .et_pb_post .ci-textcontent-wrap:hover {<!-- [et_pb_line_break_holder] --> background-color: rgba(34, 34, 35, 0.9) !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .ci-all-content-wrap.ci-style-3 {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThree .ci-all-content-wrap.ci-style-3 p {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.contentIntenseStyleThreeStyleTwo .ci-all-content-wrap.ci-style-3 {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 20px rgba(0,0,0,.1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.contentIntenseStyleThreeStyleTwo .et_pb_post .ci-textcontent-wrap {<!-- [et_pb_line_break_holder] --> top: 15px;<!-- [et_pb_line_break_holder] --> left: 15px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media screen and (min-width : 600px) {<!-- [et_pb_line_break_holder] --> .contentIntenseStyleThreeStyleTwo .et_pb_post .ci-textcontent-wrap:hover {<!-- [et_pb_line_break_holder] --> top: 30px;<!-- [et_pb_line_break_holder] --> left: 30px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* STYLE 4 */<!-- [et_pb_line_break_holder] -->.contentIntenseStyleFour {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

Victory

Man sagt der Victory ein romantisches Flair nach, welches Sie wahrscheinlich so beliebt bei Pärchen macht

Glück auf

Genießen Sie den besonderen Charme dieser Wohnung durch die schönen Rundbogenfenster im alten Bäderstil

* Angebotspreis gilt in der Zwischensaison ab der ersten Folgenacht
* Alle Preise zuzüglich Endreinigung

Alps – Dark

The second iteration of custom Alps give us a deep blue (yet pleasant) background.

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

This concept of Himalayas gives us a darkening of the background on hover, while still allowing the text to keep the brightness it deserves.

Gorch Fock

Freuen sie sich auf dem großzügigen Balkon auf die ersten Sonnenstrahlen des Tages 

Sea Cloud

Sehr beliebt bei Alleinreisenden und Pärchen ist die ausgesprochen helle Wohnung Sea Cloud

Imperator

Die gut geschnittene und helle Wohnung für bis zu drei Personen ist ein sehr beliebtes Feriendomzil

Warrior

Diese Wohnung ist ausgesprochen beliebt, nicht zuletzt aufgrund einer eigenen großzügigen Tiefterrasse im Hofbereich

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Bounty 1

Helles und modernes Appartement mit großzügigem Südbalkon für bis zu drei Personen.

Sirius

Die helle und freundliche Wohnung Sirius ist beliebt bei Paaren und Alleinreisenden

Alabama

Wer dieses Appartement bucht wird mit einem herrlichen Weitblick bis zur Nordsee belohnt

Here’s another Himalayas idea. We’ve added a really cool offset effect that takes the text content a bit to the right and down some. This in itself is great on mobile devices, but on hover you get even more of the offset effect.

Gorch Fock

Freuen sie sich auf dem großzügigen Balkon auf die ersten Sonnenstrahlen des Tages 

Sea Cloud

Sehr beliebt bei Alleinreisenden und Pärchen ist die ausgesprochen helle Wohnung Sea Cloud

Imperator

Die gut geschnittene und helle Wohnung für bis zu drei Personen ist ein sehr beliebtes Feriendomzil

Warrior

Diese Wohnung ist ausgesprochen beliebt, nicht zuletzt aufgrund einer eigenen großzügigen Tiefterrasse im Hofbereich

Bremen

Die Wohnung Bremen ist die flächenmäßig größte in der Villa und bietet viel Platz für bis zu vier Personen

Bounty 1

Helles und modernes Appartement mit großzügigem Südbalkon für bis zu drei Personen.

Sirius

Die helle und freundliche Wohnung Sirius ist beliebt bei Paaren und Alleinreisenden

Alabama

Wer dieses Appartement bucht wird mit einem herrlichen Weitblick bis zur Nordsee belohnt

Even More Styles and Layouts Coming Soon!

Like what you see so far? We’re only getting started! Content Intense is sure to be an awesome tool in your Divi arsenal!

If you’re interested in the custom effects in this second section, you can download our custom JSON layout file and import it into your pages or posts.

First, download the ContentIntense.json file by right-clicking on the „Download Styles“ button below, then choose „Save Link As…“. Note that this is a layout file to be imported into a page or post, not a library item.

To load the layout: Create a new page or post, then enable the Divi Builder. Then click on the Import & Export button in the Divi Builder header (the up/down arrows icon), click on the „Import“ tab, locate your ContentIntense.json file and click „Import Divi Builder Layout“.

You can then choose to „Save to Library“ to create a library item so that you can make changes and/or have this layout available across your site without needing to import the JSON file.

Villa Gudrun Sylt
Datenschutz-Übersicht

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und führen Funktionen aus, wie das Wiedererkennen von Ihnen, wenn Sie auf unsere Website zurückkehren, und hilft uns zu verstehen, welche Abschnitte der Website für Sie am interessantesten und nützlichsten sind.

Mehr Informationen bekommen Sie in der Datenschutzerklärung