Oulipo theme, adding link to image

  • Hi :)

    I recently changed themes to Oulipo. This post by thesacredpath was very helpful for inserting an image in the left margin, and so I was wondering what I have to add to the css to have that image he talks about work as a hyperlink? I’d like to use the image as a clickable option to get to my home page rather than creating a ‘home’ page in the custom menu section itself. Here’s the css I currently have added to my site…

    #main-nav {
    background:url(‘http://itroy.files.wordpress.com/2012/03/twh.png’) no-repeat scroll 0 0 transparent;
    padding-top:9em;
    margin:0;
    }

    The blog I need help with is: (visible only to logged in users)

  • On your Appearance → Custom Design → CSS page, remove this:

    #main-nav {
    background:url('http://itroy.files.wordpress.com/2012/03/twh2.png') no-repeat scroll 0 0 transparent;
    padding-top:9em;
    margin:0;
    }

    Add this:

    #main-nav {
    margin: 0;
    }
    
    #main-nav h1.masthead a, #main-nav h1.masthead a:hover {
    background:url('http://itroy.files.wordpress.com/2012/03/twh2.png') no-repeat;
    display: block;
    height: 120px;
    }
  • Thanks designsimply …you truly are a happiness engineer :)

  • Thanks and cheers. :)

  • The topic ‘Oulipo theme, adding link to image’ is closed to new replies.