Jump to content


Photo

EcoPro - How to replace the custom background at the header with a picture


  • Please log in to reply
2 replies to this topic

#1 amieldror

amieldror

    Member

  • Members
  • PipPip
  • 10 posts

Posted 22 August 2011 - 03:26 PM

Hello Paglines support, I have used the following code to define a picture background at the header (see code and link to the website): CSS: .page-id-6 #spotlight { background: #031F38 url("http://lifesci.mytau.org/igatviks/wp-content/uploads/2011/08/data-banner.jpg") repeat-x center top; } LINK: http://lifesci.mytau...tviks/research/ The image cannot be seen all along the length of the header since it is cover with the default blue color. Any idea how can I solve this problem? (I would also like to increase the height of the title in 30px if possible). Thanks a lot!

#2 amieldror

amieldror

    Member

  • Members
  • PipPip
  • 10 posts

Posted 22 August 2011 - 07:53 PM

I found the solution! thanks! Here is the code that works for this: .page-id-6 #spotlight .effect { background: url("http://lifesci.mytau.org/igatviks/wp-content/uploads/2011/08/data-banner.jpg") no-repeat scroll center top transparent; }

#3 amieldror

amieldror

    Member

  • Members
  • PipPip
  • 10 posts

Posted 22 August 2011 - 08:02 PM

I also found how to increase the height of the banner: If anyone is interested: .page-id-6 #spotlight .fix { display: block; height: 100px; } The ticket can be closed :)