title: Wordpress: How to overlay text / widget div on top of a revolution slider
body: <p>We are using Elision WP theme. We have a revolution slider on home pulled via shortcode in theme backend settings. We need to have static text on top of slides.</p>
  
  <p>Revolution slider is set to 1100px x 680px and we want the "hero-text" div to be located on the lower left corner with a 20px from left and 50px from bottom. It also needs to be responsive.</p>
  
  <p>Attached: layout image link, homepage.php code.</p>
  
  <p><a href="http://www.image-share.com/ijpg-2756-164.html" rel="nofollow">http://www.image-share.com/ijpg-2756-164.html</a></p>
  
  <pre><code>    &lt;?php 
  /*
  Template Name: Homepage
  */ 
  ?&gt;
  
  &lt;?php 
  global $wp_query;
  $id = $wp_query-&gt;get_queried_object_id();
  $sidebar = get_post_meta($id, "qode_show-sidebar", true);  
  
  if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
  elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
  else { $paged = 1; }
  
  if(get_post_meta($id, "qode_responsive-title-image", true) != ""){
   $responsive_title_image = get_post_meta($id, "qode_responsive-title-image", true);
  }else{
      $responsive_title_image = $qode_options_elision['responsive_title_image'];
  }
  
  if(get_post_meta($id, "qode_fixed-title-image", true) != ""){
   $fixed_title_image = get_post_meta($id, "qode_fixed-title-image", true);
  }else{
      $fixed_title_image = $qode_options_elision['fixed_title_image'];
  }
  
  if(get_post_meta($id, "qode_title-image", true) != ""){
   $title_image = get_post_meta($id, "qode_title-image", true);
  }else{
      $title_image = $qode_options_elision['title_image'];
  }
  $title_image_height = "";
  $title_image_width = "";
  if(!empty($title_image)){
      $title_image_url_obj = parse_url($title_image);
    if (file_exists($_SERVER['DOCUMENT_ROOT'].$title_image_url_obj['path']))
          list($title_image_width, $title_image_height, $title_image_type, $title_image_attr) = getimagesize($_SERVER['DOCUMENT_ROOT'].$title_image_url_obj['path']);
  }
  
  if(get_post_meta($id, "qode_title-height", true) != ""){
   $title_height = get_post_meta($id, "qode_title-height", true);
  }else{
      $title_height = $qode_options_elision['title_height'];
  }
  
  $title_background_color = '';
  if(get_post_meta($id, "qode_page-title-background-color", true) != ""){
   $title_background_color = get_post_meta($id, "qode_page-title-background-color", true);
  }else{
      $title_background_color = $qode_options_elision['title_background_color'];
  }
  
  $show_title_image = true;
  if(get_post_meta($id, "qode_show-page-title-image", true)) {
      $show_title_image = false;
  }
  
  $qode_page_title_style = "standard";
  if(get_post_meta($id, "qode_page_title_style", true) != ""){
      $qode_page_title_style = get_post_meta($id, "qode_page_title_style", true);
  }else{
      if(isset($qode_options_elision['title_style'])) {
          $qode_page_title_style = $qode_options_elision['title_style'];
      } else {
          $qode_page_title_style = "standard";
      }
  }
  $height_class = "";
  if($qode_page_title_style == "title_on_bottom") {
      $height_class = " title_on_bottom";
  }
  
  
  $enable_page_comments = false;
  if(get_post_meta($id, "qode_enable-page-comments", true)) {
      $enable_page_comments = true;
  }
  ?&gt;
      &lt;?php get_header(); ?&gt;
          &lt;?php if(get_post_meta($id, "qode_page_scroll_amount_for_sticky", true)) { ?&gt;
              &lt;script&gt;
              var page_scroll_amount_for_sticky = &lt;?php echo get_post_meta($id, "qode_page_scroll_amount_for_sticky", true); ?&gt;;
              &lt;/script&gt;
          &lt;?php } ?&gt;
          &lt;?php if(!get_post_meta($id, "qode_show-page-title", true)) { ?&gt;
              &lt;div class="title&lt;?php echo $height_class; ?&gt; &lt;?php if($responsive_title_image == 'no' &amp;&amp; $title_image != "" &amp;&amp; ($fixed_title_image == "yes" || $fixed_title_image == "yes_zoom") &amp;&amp; $show_title_image == true){ echo 'has_fixed_background '; if($fixed_title_image == "yes_zoom"){ echo 'zoom_out '; } } if($responsive_title_image == 'no' &amp;&amp; $title_image != "" &amp;&amp; $fixed_title_image == "no" &amp;&amp; $show_title_image == true){ echo 'has_background'; } if($responsive_title_image == 'yes' &amp;&amp; $show_title_image == true){ echo 'with_image'; } ?&gt;" style="&lt;?php if($responsive_title_image == 'no' &amp;&amp; $title_image != "" &amp;&amp; $show_title_image == true){ if($title_image_width != ''){ echo 'background-size:'.$title_image_width.'px auto;'; } echo 'background-image:url('.$title_image.');';  } if($title_height != ''){ echo 'height:'.$title_height.'px;'; } if($title_background_color != ''){ echo 'background-color:'.$title_background_color.';'; } ?&gt;"&gt;
                  &lt;div class="image &lt;?php if($responsive_title_image == 'yes' &amp;&amp; $title_image != "" &amp;&amp; $show_title_image == true){ echo "responive"; }else{ echo "not_responsive"; } ?&gt;"&gt;&lt;?php if($title_image != ""){ ?&gt;&lt;img src="&lt;?php echo $title_image; ?&gt;" alt="&amp;nbsp;" /&gt; &lt;?php } ?&gt;&lt;/div&gt;
                  &lt;?php if(!get_post_meta($id, "qode_show-page-title-text", true)) { ?&gt;
                      &lt;div class="title_holder"&gt;
                          &lt;div class="container"&gt;
                              &lt;div class="container_inner clearfix"&gt;
                                  &lt;?php if($qode_page_title_style == "title_on_bottom") {  ?&gt;
                                      &lt;div class="title_on_bottom_wrap"&gt;
                                          &lt;div class="title_on_bottom_holder"&gt;
                                              &lt;div class="title_on_bottom_holder_inner" &lt;?php if(get_post_meta($id, "qode_page_title_holder_color", true)) { ?&gt; style="background-color:&lt;?php echo get_post_meta($id, "qode_page_title_holder_color", true) ?&gt;" &lt;?php } ?&gt;&gt;
                                                  &lt;h1&lt;?php if(get_post_meta($id, "qode_page-title-color", true)) { ?&gt; style="color:&lt;?php echo get_post_meta($id, "qode_page-title-color", true) ?&gt;" &lt;?php } ?&gt;&gt;&lt;span&gt;&lt;?php the_title(); ?&gt;&lt;/span&gt;&lt;/h1&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;?php } else { ?&gt;
                                      &lt;h1&lt;?php if(get_post_meta($id, "qode_page-title-color", true)) { ?&gt; style="color:&lt;?php echo get_post_meta($id, "qode_page-title-color", true) ?&gt;" &lt;?php } ?&gt;&gt;&lt;span&gt;&lt;?php the_title(); ?&gt;&lt;/span&gt;&lt;/h1&gt;
                                  &lt;?php } ?&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;?php } ?&gt;
              &lt;/div&gt;
          &lt;?php } ?&gt;
  
          &lt;?php
          $revslider = get_post_meta($id, "qode_revolution-slider", true);
          if (!empty($revslider)){ ?&gt;
              &lt;div class="q_slider"&gt;&lt;div class="q_slider_inner"&gt;
              &lt;?php echo do_shortcode($revslider); ?&gt;
              &lt;/div&gt;&lt;/div&gt;
          &lt;?php
          }
          ?&gt;
      &lt;div class="full_width"&gt;
      &lt;div class="full_width_inner"&gt;
          &lt;?php if(($sidebar == "default")||($sidebar == "")) : ?&gt;
              &lt;?php if (have_posts()) : 
                      while (have_posts()) : the_post(); ?&gt;
                      &lt;?php the_content(); ?&gt;
                      &lt;?php 
   $args_pages = array(
    'before'           =&gt; '&lt;p class="single_links_pages"&gt;',
    'after'            =&gt; '&lt;/p&gt;',
    'pagelink'         =&gt; '&lt;span&gt;%&lt;/span&gt;'
   );
  
   wp_link_pages($args_pages); ?&gt;
                              &lt;?php
                              if($enable_page_comments){
                              ?&gt;
                              &lt;div class="container"&gt;
                                  &lt;div class="container_inner"&gt;
                              &lt;?php
                                  comments_template('', true); 
                              ?&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;  
                              &lt;?php
                              }
                              ?&gt; 
                      &lt;?php endwhile; ?&gt;
                  &lt;?php endif; ?&gt;
          &lt;?php elseif($sidebar == "1" || $sidebar == "2"): ?&gt;        
  
              &lt;?php if($sidebar == "1") : ?&gt;  
                  &lt;div class="two_columns_66_33 clearfix grid2"&gt;
                      &lt;div class="column1"&gt;
              &lt;?php elseif($sidebar == "2") : ?&gt;  
                  &lt;div class="two_columns_75_25 clearfix grid2"&gt;
                      &lt;div class="column1"&gt;
              &lt;?php endif; ?&gt;
                      &lt;?php if (have_posts()) : 
                          while (have_posts()) : the_post(); ?&gt;
                          &lt;div class="column_inner"&gt;
  
                          &lt;?php the_content(); ?&gt; 
                          &lt;?php 
   $args_pages = array(
    'before'           =&gt; '&lt;p class="single_links_pages"&gt;',
    'after'            =&gt; '&lt;/p&gt;',
    'pagelink'         =&gt; '&lt;span&gt;%&lt;/span&gt;'
   );
  
   wp_link_pages($args_pages); ?&gt;
                              &lt;?php
                              if($enable_page_comments){
                              ?&gt;
                              &lt;div class="container"&gt;
                                  &lt;div class="container_inner"&gt;
                              &lt;?php
                                  comments_template('', true); 
                              ?&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;  
                              &lt;?php
                              }
                              ?&gt; 
                          &lt;/div&gt;
                  &lt;?php endwhile; ?&gt;
                  &lt;?php endif; ?&gt;
  
  
                      &lt;/div&gt;
                      &lt;div class="column2"&gt;&lt;?php get_sidebar();?&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;?php elseif($sidebar == "3" || $sidebar == "4"): ?&gt;
                  &lt;?php if($sidebar == "3") : ?&gt;  
                      &lt;div class="two_columns_33_66 clearfix grid2"&gt;
                          &lt;div class="column1"&gt;&lt;?php get_sidebar();?&gt;&lt;/div&gt;
                          &lt;div class="column2"&gt;
                  &lt;?php elseif($sidebar == "4") : ?&gt;  
                      &lt;div class="two_columns_25_75 clearfix grid2"&gt;
                          &lt;div class="column1"&gt;&lt;?php get_sidebar();?&gt;&lt;/div&gt;
                          &lt;div class="column2"&gt;
                  &lt;?php endif; ?&gt;
                          &lt;?php if (have_posts()) : 
                              while (have_posts()) : the_post(); ?&gt;
                              &lt;div class="column_inner"&gt;
                              &lt;?php the_content(); ?&gt;     
                              &lt;?php 
   $args_pages = array(
    'before'           =&gt; '&lt;p class="single_links_pages"&gt;',
    'after'            =&gt; '&lt;/p&gt;',
    'pagelink'         =&gt; '&lt;span&gt;%&lt;/span&gt;'
   );
  
   wp_link_pages($args_pages); ?&gt;
                              &lt;?php
                              if($enable_page_comments){
                              ?&gt;
                              &lt;div class="container"&gt;
                                  &lt;div class="container_inner"&gt;
                              &lt;?php
                                  comments_template('', true); 
                              ?&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;  
                              &lt;?php
                              }
                              ?&gt; 
                              &lt;/div&gt;
                      &lt;?php endwhile; ?&gt;
                      &lt;?php endif; ?&gt;
  
  
                          &lt;/div&gt;
  
                      &lt;/div&gt;
              &lt;?php endif; ?&gt;
      &lt;/div&gt;
      &lt;/div&gt;  
      &lt;?php get_footer(); ?&gt;
  </code></pre>