How to remove left hand sidebar in Yoko theme?

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 12:53 am

  • Copy link
  • Add topic to favorites

  Does anyone know the CSS code for completely removing the left hand sidebar in the Yoko theme?

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Mar 11, 2014 at 1:02 am

  • Copy link

  Hello, I checked your site but didn’t see any left hand sidebar. With it do you mean the area where post date and comment links are shown?

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 1:11 am

  • Copy link

  yes, that area is the one i would like to remove, thanks.

• 

  hfzrhmn · Member · Mar 11, 2014 at 1:51 am

  • Copy link

  Try using the following CSS:

  #content .entry-header,
  #content .entry-content {
  	width: 100%;
  }
  
  #content .entry-details {
  	display: none;
  }

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 2:08 am

  • Copy link

  Thank you so much!!! That worked, and now my page looks much cleaner. Much obliged! :)

• 

  hfzrhmn · Member · Mar 11, 2014 at 2:13 am

  • Copy link

  Yay! You’re welcome.

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 2:19 am

  • Copy link

  :) :)

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 2:38 am

  • Copy link

  incidentally, do you happen to know how to change the font / alignment of the footer and remove the occasional floating footer?

• 

  hfzrhmn · Member · Mar 11, 2014 at 2:54 am

  • Copy link

  This CSS will center the text in footer. You can also add your own font modification CSS in there.

  #colophon {
  	text-align: center;
  }

  Not quite sure what you mean with floating footer, care to explain?

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 3:09 am

  • Copy link

  the floating footer happens when you have ‘infinite scrolling’ turned on apparently… http://timtfj.wordpress.com/2012/07/18/infinite-scrolling-instructions/

  that seems to have fixed it :)

  i am a total newbie, and really appreciate your help..
  how do i add the font modification to your css snippet? basically i want to ensure the appropriate wordpress credits stay on there, but i would like the font to match the ‘raleway’ font i have used elsewhere on the site.

  thank you!!

  :)

• 

  hfzrhmn · Member · Mar 11, 2014 at 3:17 am

  • Copy link

  Ah, I see what you mean. Try the following CSS:

  #colophon {
  	text-align: center;
  	font-family: raleway-1,raleway-2,"Droid Sans",arial,sans-serif;
  	font-style: normal;
  	font-weight: 100;
  	font-variant: normal;
  	font-size: 1.15em;
  }

• 

  lapetitebohemienne · Member · Mar 11, 2014 at 3:24 am

  • Copy link

  i can’t thank you enough. you have really made my day!

  THANK YOU!! :) :) :)