Viewing 5 replies - 1 through 5 (of 5 total)
  • I think you should set a width and height to your header image.
    So add the following code to h1 a:

    h1 a {
    	background:url (https://albino-monkey.com/wp-content/uploads/2011/05/AlbinoMonkeyHeader.gif);
    	width:561px;
    	height:129px;
    	text-indent:-9000px;
    	display:block;
    	overflow:hidden; }

    That’s the way I would do it at least…

    Thread Starter AlbinoMonkey

    (@albinomonkey)

    Hi,

    Thanks that works but now the image is tiled, how do I get it so just one image is displayed?

    Thanks

    Try to add the no-repeat after your image url, like so:

    h1 a {
    	background:url (https://albino-monkey.com/wp-content/uploads/2011/05/AlbinoMonkeyHeader.gif) no-repeat top left;
    	width:561px;
    	height:129px;
    	text-indent:-9000px;
    	display:block;
    	overflow:hidden; }

    Thread Starter AlbinoMonkey

    (@albinomonkey)

    Thanks, that’s great!

    Also: you should make a transparent png image of your header image, then it will blend in nicely with the background texture…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Work-A-Holic Them’ is closed to new replies.