Backgroung images not displaying after adding header and footer .php code
Permalink
Hey there!
I'm an absolute newbie to Concrete5. This is my 1st project.
I'm trying to integrate my own html as a theme and something curious is happening.
I have 2 sections (called split) that I use as “dividers”. They just have a fixed background image, so that content can roll over and give a dynamic effect.
The issue is that when I include this code on the proper places: <? Loader::element('footer_required'); ?> these 3 images disappear...
It doesn’t affect other background images in the site, only these 3. All have distinct classes (split1, split2, split3). I've checked the images paths over the .css file, and they are correct, also I have the <?=$view->getThemePath()?>/ in place for hrefs and src's and the <?php Loader::element('header_required'); ?>.
I'm working on a local server but I'm leaving you a link to the .html version of the site, so that you can see the effect I’m looking for. Also, attached some screenshots on the C5 environement.
http://amsterdam.webflow.com/
Here are the .css styles applied to those classes:
.split1 {
position: static;
height: 400px;
background-image: url('../images/bg1.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.split2 {
height: 400px;
background-image: url('../images/amsterdam-canals-1366x768.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.split3 {
height: 400px;
margin-bottom: 40px;
background-image: url('../images/2721_BicycleAmsterdam.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
I have no knowledge of .php, and I’m just following this tutorial:
https://www.youtube.com/watch?v=vQm1QXN9OfI&list=UUywmkk3TWHLcYy...
Can you please help?
I’m going nuts here!
Thx in advance!
I'm an absolute newbie to Concrete5. This is my 1st project.
I'm trying to integrate my own html as a theme and something curious is happening.
I have 2 sections (called split) that I use as “dividers”. They just have a fixed background image, so that content can roll over and give a dynamic effect.
The issue is that when I include this code on the proper places: <? Loader::element('footer_required'); ?> these 3 images disappear...
It doesn’t affect other background images in the site, only these 3. All have distinct classes (split1, split2, split3). I've checked the images paths over the .css file, and they are correct, also I have the <?=$view->getThemePath()?>/ in place for hrefs and src's and the <?php Loader::element('header_required'); ?>.
I'm working on a local server but I'm leaving you a link to the .html version of the site, so that you can see the effect I’m looking for. Also, attached some screenshots on the C5 environement.
http://amsterdam.webflow.com/
Here are the .css styles applied to those classes:
.split1 {
position: static;
height: 400px;
background-image: url('../images/bg1.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.split2 {
height: 400px;
background-image: url('../images/amsterdam-canals-1366x768.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.split3 {
height: 400px;
margin-bottom: 40px;
background-image: url('../images/2721_BicycleAmsterdam.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
I have no knowledge of .php, and I’m just following this tutorial:
https://www.youtube.com/watch?v=vQm1QXN9OfI&list=UUywmkk3TWHLcYy...
Can you please help?
I’m going nuts here!
Thx in advance!
After a few more tests, I found out that the issue withBackground images (split1,2 % 3) only seems to happen when I include the following div class, so that the content shifts over:
<div class="<?php echo $c->getPageWrapperClass()?>">
Anyone could help me please?
Thx once again.