Jump to content


Photo
- - - - -

How to create a full-width image at top of home page and


  • Please log in to reply
8 replies to this topic

#1 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 26 August 2012 - 05:12 PM

Hi,

I'm trying to add a full width image (one that stretches the entire width of the browser) for the home page only. At the bottom, I like the content to be restricted within 1024px.

See image here for illustration:
Posted Image

Any ideas how I can do this?
  • afteffiz likes this

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 August 2012 - 05:41 PM

To be clear, this isn't to be available on all pages and posts? Just the homepage?
  • afteffiz likes this

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 August 2012 - 06:07 PM

Have you tried our LaunchPage section, currently free for Plus clients in the Store?

#4 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 27 August 2012 - 12:53 PM

Yes, I'm looking just for the homepage. Let me check out LaunchPage as well. Thanks!

#5 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 27 August 2012 - 12:56 PM

Hmm.. I realized I don't have access to LaunchPage - any way else I can try this with using LaunchPage? I was hoping to create a site like this

Please Login or Register to see this Hidden Content



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 August 2012 - 02:13 PM

You may need to find a similar solution to LaunchPage (perhaps a plugin or some kind of CSS fix).

#7 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 28 August 2012 - 01:33 AM

Noted! Thanks :D

#8 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 28 August 2012 - 08:01 AM

Hey Catrina, I just had an idea. Is it possible to put the large image as a background, and move the page content down to accomodate the image? If possible, how can I move the page content down ;p Cheers!

#9 derektrex

derektrex

    Newbie

  • Members
  • 7 posts

Posted 28 August 2012 - 05:45 PM

Hi, please ignore the above question, I found a way around using firebug and wanted to just add a black background color to this particular section
-- how do I translate this in custom CSS?