Image on frontpage

8 posts from 5 voices

• Started 10 months ago by bradgentry
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   bradgentry
   Member

   I am wanted to be make the image at the top of the homepage much taller. (It only displays a small amount of the image's depth) How do I correct this? Thanks.

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   Hello,

   Do you mean the slider?

   Regards,
   Ismael

   Posted 10 months ago #
3. 

   bradgentry
   Member

   It's the top image with logo, name, etc., in the header. Maybe it is a slider? - II just put the single image in as I plan the layout for the site. (www.113grand.com)
   Thanks.

   Posted 10 months ago #
4. 

   Devin
   Moderator

   Hi Bradgentry,

   In that case, you'll probably not want to use the slider for the image and instead just apply your background image directly to the body. IE:
   

   html, body {
   background: url(http://www.113grand.com/wp-content/uploads/2012/05/innovation.jpg);
   }

   Regards,

   Devin

   Posted 10 months ago #
5. 

   jason_r
   Member

   Where does this code go?

   I am trying to put a banner at the top of every page, above the menu.

   Posted 10 months ago #
6. 

   Mya
   

   Hi jason_r,

   You would want to add that code into your custom.css or Quick CSS under Theme Options > Styling.

   Regards,
   Mya

   Posted 10 months ago #
7. 

   jason_r
   Member

   That just causes my banner to repeat for the whole page.
   I just want the banner at the top of the page, once.

   Posted 10 months ago #
8. 

   Devin
   Moderator

   Hi Jason_r,

   You'll need to add some additional properties to adjust it as you'd like. See: http://www.w3schools.com/css/css_background.asp

   If you want a different banner on the top of each page, you'll need to target each of your various pages using something like:
   

   body#top.home {
   background: url(http://www.113grand.com/wp-content/uploads/2012/05/innovation.jpg);
   }

   for the home page and
   

   body#top.page-id-## {
   background: url(http://www.113grand.com/wp-content/uploads/2012/05/innovation.jpg);
   }

   where the ## is the page id for the specific page you want to have a different full screen background. You'll also need to add the additional properties from the link above if you want it to not repeat, repeat, be left aligned/top or a combination of those.

   Regards,

   Devin

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.