Forums

Full Width Area Background Image Not Showing

Permalink
I'm new to C5, and working on a page type that has a full-width section that uses an image for the background. Here (http://staging.lifestylerevolutionstx.com/combat-ready.html) is what the page is supposed to look like. I used the technique described in this thread (http://www.concrete5.org/community/forums/themes/customising-theme-background-images/) without any luck. I'm thinking the issue probably has to do with the reference to the image file. I do not understand how the attribute gets associated with the actual image file. Here is the code included in my <head>:

<?php
   $bg_img = $c->getAttribute('gymMatBackgroundImage');
   $bg_img_src = $bg_img->getRelativePath();
   ?>
   <style type="text/css">
      .bar4 {
        background-image: url(<?php echo $bg_img_src; ?>);
      }
   </style>


and here is the section that needs the background image:

<div class="fullWidthBar bar4">
         <div class="row">
            <div class="large-12 columns">
               <h3>Sign Up</h3>
               <div style="width: 50%; height:300px; background-color:white; float:right;">Calendar Placeholder</div>
               <p>Sign on for a three or six month commitment to recieve a discount</p>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
         </div>
      </div>


Any help is much appreciated!
 
webpresso replied on at Permalink Reply
webpresso
Hi

Your classes have not the same names.
<style type="text/css">
.bar4 {}
</style>

<div class="fullWidthBar bar2">

New 
<div class="fullWidthBar bar4">
drconsolidated replied on at Permalink Reply
Hi innotix, thanks for the input. That was actually a typo. I had changed the class applied to that section to .bar2 so that the page would load, as .bar2 uses a color instead of an image. It still doesn't work with the .bar4 class applied :(