On the home page beneath the header bar I would like to have an background image that is full width across the page (approx 600px in height) with some content within it. Apologies, but does anyone have information on how to do this just for the home page?
Thanks!
Thanks David - for some reason that doesnt appear to work. Link here: {link saved}
Hi,
Sorry about that there was an extra closing quote in the class attribute containing pt_hp; this line:
<div class='small-12' columns pt_hp'>
...should have been;
<div class='small-12 columns pt_hp'>
(corrected above)
Cheers,
David.
--
PriceTapestry.com
Thanks David - I have made the change but its still not coming through.
Hi,
I checked the site and the markup / CSS all looks fine now however until the div contains some content you won't see the background image as the div has no height, so as soon as you have added some markup, for example;
<h1>Testing</h1>
...you should then see your background image appear...
Hope this helps!
Cheers,
David.
--
PriceTapestry.com
Hi,
Sure - in index.php, following the header components (menu bar / search / breadcrumbs) you could break into an HTML section and create a row with your background images and required content. Look for the following code at line 10:
require("html/banner.php");
...and REPLACE with:
require("html/banner.php");
?>
<div class='row'>
<div class='small-12 columns pt_hp'>
<!-- home page HTML over background image here -->
</div>
</div>
<?php
And then edit html/default.css and add a class definition for .pt_hp to apply the background image as required for example;
.pt_hp {
background-image: url("/images/background.png");
}
Hope this helps!
Cheers,
David.
--
PriceTapestry.com