Tagged: color section, CSS
How did the following web site listed below get there header image/ av_section 1 image to stretch the full size of the screen then overlay a special heading border?
http://www.platinumrealtyaustin.com/homes/
=======
<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-full-stretch avia-builder-el-0 avia-builder-el-first container_wrap fullsize" style="background-repeat: no-repeat; background-image: url(/wp-content/uploads/2010/02/search-header.jpg); background-attachment: scroll; background-position: center center; "><div class="container"><div class="template-page content twelve alpha units"><div class="post-entry post-entry-type-page post-entry-230"><div class="entry-content clearfix">
<div style="padding-bottom:10px" class="av-special-heading avia-builder-el-1 avia-builder-el-no-sibling "><h1>Austin Real Estate Search</h1><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>
</div></div></div></div></div>
Hello tdproperty!
You can add Color Section element in Layout Elements, then add any content you want inside of that Color Section :)
Best regards,
Yigit
Hi!
Please make sure that you choose “Stretch to fit” in Background Repeat. http://i.imgur.com/cQaOBFP.jpg
Then you can add Special Heading element under Content Elements
Regards,
Yigit