Adding photo/logo in Oulipo

• 

  moonlightchai · Member · Jul 12, 2014 at 2:43 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  sandymcfadden · Member · Jul 13, 2014 at 1:57 am

  • Copy link

  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.

• 

  designsimply · Member · Aug 11, 2014 at 5:22 pm

  • Copy link

  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.

• 

  sandymcfadden · Member · Aug 11, 2014 at 5:43 pm

  • Copy link

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

  Thanks as always @designsimply