ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   4rederick
   Member

   My first post, only a few days into entering the brand new wide world of Thematic and Wordpress. I understand basic CSS/HTML and I'm picking up php as quickly as possible, but having some troubles. Please help. THank you ...

   I'm wanting to place a large image on my home page. I have created a new template for the page, have set the footer and other divs that I don't want to show to display: none (was this the best way to do that?). I want the image to be scalable according to window size, but unfortunately there is a large white box covering the bottom half of the image. I can't figure out what this element is on the page or how to remove it. Please see www.josephfrederick.com

   This is what I have tacked to the end of default.css in my child theme directory ...

   /* =Page Templates
   -------------------------------------------------------------- */

   .page-template-home-template-php #wrapper {
   background: url(images/mainimage.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;

   }

   .page-template-home-template-php #container {
   display: none;
   }

   .page-template-home-template-php #footer {
   display: none
   }

   .page-template-home-template-php #footer {
   display: none
   }

   .page-template-home-template-php #main {
   display: none
   }

   Posted 13 years ago #
2. 

   4rederick
   Member

   To clarify: I want to place an image on my home page, that bleeds beneath the menu up top. I would like the image to be scalable depending on window size, but I'll settle for just having it fully appear.

   Where do I place the image? In the wrapper div? And how do I correctly remove the other elements on the page if all I want is the menu.

   Thank you so much.

   Posted 13 years ago #
3. 

   ScottNix
   Member

   Just try attaching the background image to the body only instead of the wrapper, you should be good. ;)

   Posted 13 years ago #
4. 

   ScottNix
   Member

   Sorry, when I say body only, just use the .page-template-home-template-php tag without the #wrapper.

   Posted 13 years ago #
5. 

   4rederick
   Member

   Wow, thank you. I love simple solutions.

   Posted 13 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.