Need help? Check out our Support site, then


Adding photo/logo in Oulipo

  1. Hello!
    I'm curious if anyone would know how to customize it so I could add an image on my left side bar above where the title of my blog is. Please let me know!!

    The blog I need help with is moonlightchai.com.

  2. Hi ebolan,

    It's kind of a hack, but I think you could do something like this.

    Upload the image you want to use for the logo. Make sure it is a proper size to fit in.

    Then you could add custom css something like this

    #main-nav h1.masthead:before {
      display: block;
      content: '';
      width: 100%;
      height: <height of your picture>;
      background: transparent url("<full url to image>") no-repeat;
      }
    
    #main-nav {
      margin: 1em 0 0 0 !important;
      }

    Let me know if that works out, or if you have any other questions about it.

  3. A slightly simplified way would be to just add an image as a background to the "main-nav" element. Here is an example using a WordPress logo for the image:

    #main-nav {
    	background: url("http://i2.wp.com/s.w.org/about/images/logos/wordpress-logo-notext-rgb.png?w=150") no-repeat;
    	width: 150px;
    	height: 150px;
    	padding-top: 175px;
    }

    Replace the url() value to use your own image and adjust the width, height, and padding as needed.

  4. Sure, you could do it that way too I guess :-)

    Thanks as always @designsimply

You must log in to post.

About this Topic