Content Over Graphics/Video

What? A Divi ‘layout’ that will get a content overlapping graphic section jump-started. The idea of using textual content on top of background image has been in use for years; a fan favorite among designers and users alike. This tried and true technique had its roots in print design, well before Al Gore had invented the internet. Textual content overlapping an image can provide the type of engaging experience to move readers to Zen that makes them one with your content.

Sound graphic design rules are built on well researched foundations. Unless you are a ‘natural’ at design, you should stick to these guidelines until you become familiar with the technical underpinnings that support them. Yes, they are called “rules”, but this doesn’t mean that designers need to be locked in to them specifically. Adhering to the principles and experimenting will get one the perfect layout and design, eventually 😉

Overlapping Text and Image DIVI Layout

Jim Conroy in Concert

Don’t miss out on this onece in a lifetime concert event. Red Rocks Amphitheater is proud to present a night with Jim Conroy. Jim has been a resident of the central coast since 1989. During that time he has carved out a unique position in the music and art world. In the early nineties, he was the leader of a number of R&B and country bands; The Moments, The Convictions, The Moonstone Cowboys and the acoustic duo Shim & Jim. In 1995, he released the CD “Convinced,” a mixture of R&B, gospel and country pop. For seven years he was a member of the San Luis Obispo Vocal Arts Ensemble, and was often a featured soloist with that group, joining them on tours of the British Isles and Canada.
More...
He formed the popular group “The Irish Potatoheads” with members of VAE, and delighted many an audience with their own version of Celtic music. He earned a respected place in the Jazz community, leading the Jim Conroy Quartet and producing the annual Jazz Vocal Summit for the SLO Jazz Federation. He has three jazz CDs “Heart of the Man” in ’98, “Live and Livin’ Large.” in’01, and a piano/voice collaboration “The Edd & I” with Edd Richards on piano in 2005. In 2003, Jim toured with his multi-media presentation of “Espiritu Vagabundo” and garnered critical acclaim for this groundbreaking work. The CD of the same name, the soundtrack from the show was also released in that year. In 2004 Jim released a cd called “One Irish-American Baritone,” and also appeared as Daddy Warbucks in the SLO Little Theater Production of “Annie,” winning rave reviews for his performance. For four years between 2005-8 he appeared at the Pewter Plough Playhouse for their annual look at the Great American Songbook with presentations of the works of Gershwin, Berlin, Harlan and finally Rodgers and Hart. He also took a turn at acting at the Pewter Plough with the lead role in “Panache” in 2005. In 2001, Jim threw his hat into the literary field, and published his first book “Life’s an Art,” an autobiographical look at growing up in the music scene, and other assorted tales. On January 21, 2005 he celebrated the release of a second book “OF COURSE a Journey to the Source,” and in 2009 his first fictional work “The Myth of Id.” Also, in 2009 he released two cd’s available on this website; “Songtree” a homespun retrospective of his favorite original material, and “Joy Be With You All” a live in concert recording of the Seamus Conroy Band done at Painted Sky Studio in Cambria.

Tutorial for Achieving This Amazing Effect

Method One: Download the layout here. Upload it to your Divi install. Start a new page or post, then use “Load from Library”, select the Content Over Graphics/Video – Voila!

Method Two: Hand Code it. Only five things need your attention.

  1. Add a Standard Section (blue)
  2. Add a Row (green)
  3. Add Image Module – Insert Image. Use on large enough (1080px).
  4. Add another Row.
  5. Add Text Module. Add in your content. Now we adjust settings and make magic.
    • Row General Settings – Click on “Use Custom Width” and add Custom Padding. I use between 4% and 6%. Feel free to experiment
    • Custom CSS Tab – Add: transform: translate(0,-165px);
      This will pull up the content section over the image module above it. Adjust the number to suite your taste.

Send me a link when your done so I can see the beauty of your genius.

Load from Library
Row Module General Settings for Content over Graphics
Divi Standard Section Setup
Custom CSS for Content over Graphics

Content Over Video

What’s The Difference?

To achieve this, instead of an Image module, add a Divider module and set the height to 640px.
In the setting for this first row (green): Advanced Design Settings => Set a background video.

In the second row settings, under the Custom CSS tab, replace the css with the following:

position: relative;
top: -165px;
z-index: 1;

 

Jim Conroy in Concert

Don’t miss out on this onece in a lifetime concert event. Red Rocks Amphitheater is proud to present a night with Jim Conroy. Jim has been a resident of the central coast since 1989. During that time he has carved out a unique position in the music and art world. In the early nineties, he was the leader of a number of R&B and country bands; The Moments, The Convictions, The Moonstone Cowboys and the acoustic duo Shim & Jim. In 1995, he released the CD “Convinced,” a mixture of R&B, gospel and country pop. For seven years he was a member of the San Luis Obispo Vocal Arts Ensemble, and was often a featured soloist with that group, joining them on tours of the British Isles and Canada.
More...
He formed the popular group “The Irish Potatoheads” with members of VAE, and delighted many an audience with their own version of Celtic music. He earned a respected place in the Jazz community, leading the Jim Conroy Quartet and producing the annual Jazz Vocal Summit for the SLO Jazz Federation. He has three jazz CDs “Heart of the Man” in ’98, “Live and Livin’ Large.” in’01, and a piano/voice collaboration “The Edd & I” with Edd Richards on piano in 2005. In 2003, Jim toured with his multi-media presentation of “Espiritu Vagabundo” and garnered critical acclaim for this groundbreaking work. The CD of the same name, the soundtrack from the show was also released in that year. In 2004 Jim released a cd called “One Irish-American Baritone,” and also appeared as Daddy Warbucks in the SLO Little Theater Production of “Annie,” winning rave reviews for his performance. For four years between 2005-8 he appeared at the Pewter Plough Playhouse for their annual look at the Great American Songbook with presentations of the works of Gershwin, Berlin, Harlan and finally Rodgers and Hart. He also took a turn at acting at the Pewter Plough with the lead role in “Panache” in 2005. In 2001, Jim threw his hat into the literary field, and published his first book “Life’s an Art,” an autobiographical look at growing up in the music scene, and other assorted tales. On January 21, 2005 he celebrated the release of a second book “OF COURSE a Journey to the Source,” and in 2009 his first fictional work “The Myth of Id.” Also, in 2009 he released two cd’s available on this website; “Songtree” a homespun retrospective of his favorite original material, and “Joy Be With You All” a live in concert recording of the Seamus Conroy Band done at Painted Sky Studio in Cambria.

Grab the Layout

Zip file contains – content_over_graphics_layout.xml

mailbox email subscribe

Subscribe for Divi Freebies

Plugin update notifications :: stay abreast of new and or updated items by opting in to my very occasional email newsletter. I swear by all that is right and holy your email address will never be shared, sold, traded or otherwise abused and I seriously doubt you'll see anything more than plugin/code update notifications when they are of the utmost importance.
[mailpoet_form id="1"]