How to put your own logo on the Zoren theme

• 

  yogasync · Member · Sep 25, 2013 at 10:17 am

  • Copy link
  • Add topic to favorites

  Head into the customize part of the theme and hit the css tab paste in this code with your own logo image obviously

  There is just one downfall the header is not a link this way way but the home link in the top nav negates this

  also to keep the title tags working on the page just fill out the tile and description as per normal

  ——————————————————————–
  /* logo hack Zoren theme */

  .site-branding {
  font-size: 1px;
  background: url(‘//d2vs1duj5sfl4m.cloudfront.net/live/static/v1/images/yoga-logo_3.png’) no-repeat;
  color: #fff;
  margin-top: 15px;
  width: 300px;
  height: 80px;
  }

  h1.site-title {
  display: none;

  }

  h2.site-description {
  width: 220px;
  height: 25px;
  color: #000;
  margin-top: 65px;
  margin-left: 80px;
  }

  .main-navigation {
  margin-left: 600px;
  margin-top: -60px;
  }

  —————————————————————
  Regards Bill

• 

  yogasync · Member · Sep 25, 2013 at 10:23 am

  • Copy link

  To see this in action go here if its useful follow us Yogasync.wordpress.com

  Namaste Bill

• 

  yogasync · Member · Sep 25, 2013 at 11:21 pm

  • Copy link

  Up Date had to fix the nav width and height as with out this scroll bars occurred on the Horizontal

  .site-branding {
  	font-size: 1px;
  	background: url('//d2vs1duj5sfl4m.cloudfront.net/live/static/v1/images/yoga-logo_3.png') no-repeat;
  	color: #fff;
  	margin-top: 15px;
  	width: 300px;
  	height: 80px;
  }
  
  h1.site-title {
  	display: none;
  	width: 400px;
  	height: 20px;
  }
  
  h2.site-description {
  	width: 220px;
  	height: 25px;
  	color: #000;
  	margin-top: 65px;
  	margin-left: 80px;
  }
  
  .main-navigation {
  	width: 390px;
  	height: 35px;
  	margin-left: 550px;
  	margin-top: -60px;
  }