Adding photo/logo in Oulipo

  • Author
  • #1943257

    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


    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.


    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("") 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.


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

    Thanks as always @designsimply

The topic ‘Adding photo/logo in Oulipo’ is closed to new replies.