How To Replicate Travel Demo Homepage

Hi,

I’m trying to replicate the home page used on the Travel Demo:

https://demo.tagdiv.com/newspaper_travel/

But whatever I do, I can’t figure out how to do it using Visual Composer. Seems like there is some custom/hidden CSS somewhere, but I can’t find it.

Any tips?

Also, when I look at the text version of the demo homepage page, the first row is this:

[vc_row full_width="stretch_row_content td-stretch-content" el_class="td-travel-header" tdc_css="eyJhbGwiOnsiYmFja2dyb3VuZC1wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIifX0=" css=".vc_custom_1490019638737{background-image: url(https://demo.tagdiv.com/wp-content/uploads/2017/05/banner.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][/vc_column][/vc_row]

Seems like there is custom CSS, but I can’t find it in the Visual Composer interface.

Thanks, I’ve done that but the background image won’t load correctly (only looks like one pixel high on top of the featured items), even though it is a large, wide image at 1400x310px. Was there a recent change in VC that may have broken this technique or code?

I’ve done that but now the image is stretched vertically (to 740 pixels high even though the image is only 310px high) and does not stretch the full screen width. Here’s the first row:

[vc_row full_width="stretch_row" full_height="yes" parallax="content-moving-fade" parallax_image="624" el_class="td-travel-header"][vc_column][/vc_column][/vc_row]

Thanks

Also, when I install the Travel demo content the first row shows this (with a real image URL):

[vc_row full_width="stretch_row_content td-stretch-content" el_class="td-travel-header" tdc_css="eyJhbGwiOnsiYmFja2dyb3VuZC1wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIifX0=" css=".vc_custom_1490019638737{background-image: url(http://imageurl_goes_here) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][/vc_column][/vc_row]

Seems like there is some custom embedded CSS that is not accessible via Visual Composer.

So it looks like, for whatever reason, the CSS wasn’t exposed in the Custom Code Section.

Had to copy / paste it from here:

https://pastebin.com/6FswHi6L