Sidebar Question

• 

  andrewtour · Member · Apr 7, 2015 at 4:40 am

  • Copy link
  • Add topic to favorites

  How can I put different sidebar content for each individual page? Now all pages are using same sidebar content. is there anyway to do that? Thanks

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

• 

  andrewtour · Member · Apr 7, 2015 at 4:42 am

  • Copy link

  other question is how to change sidebar’s color? thanks

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 1:33 pm

  • Copy link

  Hi.

  This sidebar is designed to have widgets in it so I’m not sure you will be able to put different content for each individual page. Fortunately you can change the color!

  You can change the color of the so called widget-area by adding some CSS code. For instance, if you want it red, just add:

  .widget-area {background-color:red}

  But depending on the color you chose, list item separators could look not so nice as they are almost white. In this case, I would also change border-top property. You can set a 0pixels border instead of 1px, but to keep the layout I would chose this other option (As rgb(255,0,0) = red):

  .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li {
  padding: 12px 0px;
  border-top: 1px solid rgb(255, 0, 0);
  }

  I hope this helps.

• 

  timethief · Member · Apr 7, 2015 at 9:08 pm

  • Copy link

  How can I put different sidebar content for each individual page?

  Widgets can be configured to appear only on certain pages (or be hidden on certain pages) by using the Visibility panel to set your show or Hide settings. https://en.support.wordpress.com/widgets/#widget-visibility

• 

  timethief · Member · Apr 7, 2015 at 9:09 pm

  • Copy link

  P.S. staff-jeanpierreac
  You’re rockin and I I knew you would be. Welcome abroad. :)

• 

  timethief · Member · Apr 7, 2015 at 9:10 pm

  • Copy link

  lol D: I mean aboard.

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 9:19 pm

  • Copy link

  @timethief… uh oh… Got it! I will keep calm :)

  PS: I am learning a lot reading your answers!

• 

  andrewtour · Member · Apr 7, 2015 at 9:31 pm

  • Copy link

  staff-jeanpierreac: awosome it works.
  
  @timethief: Thank you very much.

• 

  andrewtour · Member · Apr 7, 2015 at 9:32 pm

  • Copy link

  Thank you very much both of you.

• 

  timethief · Member · Apr 7, 2015 at 9:36 pm

  • Copy link

  staff-jeanpierreac
  I’m visually challenged and don’t always detect my errors and correct them before clicking submit.

  @andrewtour
  You’re welcome.

• 

  andrewtour · Member · Apr 7, 2015 at 9:38 pm

  • Copy link

  another question: how can I change main navigation bar background color? it’s white now

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 9:40 pm

  • Copy link

  @timethief, sorry. I am not very good with English and sometimes it is hard to me to understand common expressions! When you told I am rockin: that is good, bad or it depends? :)

  About abroad/aboard, I understood you: thank you very much for your warm welcome!

• 

  staff-jeanpierreac · Staff · Apr 7, 2015 at 9:44 pm

  • Copy link

  @andrewtour, you can use this code with a more appropriate color:

  .primary-navigation {background-color:bisque}

• 

  timethief · Member · Apr 7, 2015 at 9:49 pm

  • Copy link

  staff-jeanpierreac
  Rockin or rocking is an informal North American English slang expression that means good – very good (bueno – muy bueno).

• 

  andrewtour · Member · Apr 7, 2015 at 11:40 pm

  • Copy link

  staff-jeanpierreac, thanks Can you also tell me how to resize search form box in sidebar?

• 

  staff-jeanpierreac · Staff · Apr 8, 2015 at 5:02 am

  • Copy link

  Here it is. With an odd shape, it could be:

  #search-2 .search-field
  {
  width: 100px;
  height: 100px;
  }