Need help? Check out our Support site, then


Changing title text to image in Oulipo

  1. I want to delete the title text on the right hand side of my blog and add in a logo (image) instead. How can I do this using CSS? I tried to figure this out myself, but couldn't seem to get it right.

    Thanks!

    my blog is bunandbiscuit.wordpress.com

    The blog I need help with is bunandbiscuit.wordpress.com.

  2. Thank you for your quick reply!

    I was able to delete the title text and replace it with the logo with the help that you gave me. Although, now the left menu sidebar overlaps slightly with the logo. Is there a way that I can shift this down?

    Thanks!

  3. Also, is there a way that I can keep the logo stationary at the top of the page? Right now it scrolls down with the rest of the posts.

    Thanks!

  4. Although, now the left menu sidebar overlaps slightly with the logo. Is there a way that I can shift this down?

    I looked at http://bunandbiscuit.wordpress.com/ and I dont' see the left menu sidebar overlapping anything. Please post back again here if you still need help with that part, or it would also be great if you post a solution if you already figured out the answer. :)

  5. I just decreased the size of the image. My problem now is that I need the image to link to my homepage. Can you help me with that?

  6. Also, is there a way that I can keep the logo stationary at the top of the page?

    You can do that with fixed positioning. Here is some additional background information about it if you are interested:
    https://developer.mozilla.org/en/CSS/position

    The Oulipo theme actually does use fixed positioning already, but you overwrote that when you added the following custom CSS:

    #main-nav {
    	background:url('http://bunandbiscuit.files.wordpress.com/2012/05/girlwdog_145x218_logo.jpg') no-repeat scroll 0 0 transparent;
    	margin:0;
    	padding-top:9em;
    	overflow:hidden;
    	position:absolute;
    }
    
    #main-nav h1,#main-nav .description {
    	margin-left:-500px;
    }

    Are you interested in switching back to the original way Oulipo makes the left title and navigation a fixed position so it doesn't move when it's scrolled?

  7. I just decreased the size of the image. My problem now is that I need the image to link to my homepage. Can you help me with that?

    I will answer this question in the other, separate threads you started. I'm working on it! Hang in there just a little longer.

  8. Thanks! The absolute positioning is fine.

  9. Aha, well if you'd like to change from fixed to absolute positioning, then you may want to take a look at my latest reply to another thread where you asked about making the image clickable:
    http://en.forums.wordpress.com/topic/making-header-clickable-to-homepage?replies=2#post-886851

    To change the image and menu from fixed to absolute positioning, you would just add "position:absolute;" back to your #main-nav block.

Topic Closed

This topic has been closed to new replies.

About this Topic