Moving SideBar

• 

  lifeofaluckyporcupine · Member · Feb 13, 2014 at 9:00 pm

  • Copy link
  • Add topic to favorites

  using the Spun theme and need to move my side bar from the bottom of the screen to the right of the screen. How can I do this? Can I do this? Do I need to upgrade to the cuztomized option and move it with CSS?

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

• 

  staff-totoro · Staff · Feb 16, 2014 at 1:11 am

  • Copy link

  Hi there,

  Because of the way the footer is presented in Spun, it is not possible to accomplish that move without directly modifying the theme files themselves, which is not possible.

  Let me know if you need assistance or if you have any questions.

• 

  lifeofaluckyporcupine · Member · Feb 17, 2014 at 3:22 pm

  • Copy link

  Is there a way to at least make it present at the bottom of the page/post at all times? Instead of having a to click on the “+” circle to show? Thanks for your help so far!

• 

  staff-totoro · Staff · Feb 18, 2014 at 5:22 pm

  • Copy link

  You can try the following line of code.

  .sidebar-link { 	
  display: none; 
  } 
   .widget-area {
  display: block; 
  }

  To use the above code, click on your site name on the admin menu at the top left, and in the drop-down, select “Customize” to launch the site customizer. You can also reach the Customizer from your dashboard by going to Appearance>Customize

  From there, click on the “CSS” tab, and paste in the code above, and be sure to save your changes when you are done.

  Please note that this will be shown in preview mode, but you will have a link to purchase the Custom Design upgrade, which is necessary to use custom CSS on your site.

  The Custom Design upgrade allows you to use a wider range of fonts, tweak theme colors, and even add custom CSS. You can learn more about it here:

  http://en.support.wordpress.com/custom-design/

  Hope that helps. Please let me know if you have any further questions.

• 

  lifeofaluckyporcupine · Member · Mar 27, 2014 at 6:33 pm

  • Copy link

  sorry i am just getting around to it. it did work! thank you son much for your help!

• 

  lifeofaluckyporcupine · Member · Mar 27, 2014 at 8:33 pm

  • Copy link

  could you help me with one other thing? Is there a code I can put into CSS that will allow the header image to only be shown on the main/home page?

• 

  staff-totoro · Staff · Mar 30, 2014 at 2:15 am

  • Copy link

  Hi there,

  The following lines of code should do the trick:

  .site-header img {
  display: none;
  }
  
  .home .site-header img {
  display: inline !important;
  }

  Hope that helps. :)

• 

  lifeofaluckyporcupine · Member · Apr 8, 2014 at 3:08 pm

  • Copy link

  thank you!