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!
EcoPro - How to replace the custom background at the header with a picture
Started by
amieldror
, Aug 22 2011 03:26 PM
2 replies to this topic
#2
amieldror
-
- Members
-
- 10 posts
Member
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
-
- Members
-
- 10 posts
Member
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 
