Oulipo theme, adding link to image

  • Author
    Posts
  • #839942

    troywashere
    Member

    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 troywashere.com.

    #840140

    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;
    }
    #840143

    troywashere
    Member

    Thanks designsimply …you truly are a happiness engineer :)

    #840199

    Thanks and cheers. :)

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