Twenty Ten – how to remove black bar at top of page

• 

  proszell · Member · May 25, 2011 at 9:30 pm

  • Copy link
  • Add topic to favorites

  I also want to make the menu bar white in color and the menu items black.

  Thank you so much for any help!

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

• 

  timethief · Member · May 25, 2011 at 9:36 pm

  • Copy link

  The good news is that this has been done with CSS editing before on more than one occasion. Searching the forums will locate the relevant threads. In 4 seconds flat I found > https://en.forums.wordpress.com/topic/removing-black-lines-in-twentyten?replies=7#post-549437 and this https://en.forums.wordpress.com/topic/change-menu-bar-color-in-twenty-ten-theme?replies=37#post-525725

  P.S. Have you read this? http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  proszell · Member · May 25, 2011 at 9:55 pm

  • Copy link

  Oops, you’re right, it’s right there !

  Thank you

• 

  timethief · Member · May 25, 2011 at 11:22 pm

  • Copy link

  You’re welcome and best wishes with your editing. :)

• 

  judithdoubell · Member · Jun 1, 2011 at 5:09 am

  • Copy link

  Hello,

  The above links were so helpful, thank you so much, I’ve managed to change the colours of top bars and remove the title.

  I would however like to change the colour of the bottom bar of my blog http://judithdoubell.co.za/

  (I have been reading through loads of previous forums, but couldn’t find something similar regarding this. I have a WordPress.com site and not a .org site and know the difference)

  Thank you, these forums have been so helpful!

• 

  panaghiotisadam · Member · Jun 1, 2011 at 6:07 am

  • Copy link

  Try this:

  #colophon {border-top:none;border-bottom:20px solid #fff;background-color:#94b59d;}
  
  #footer-widget-area #first, #site-generator {margin:0 18px;}

• 

  judithdoubell · Member · Jun 1, 2011 at 8:40 am

  • Copy link

  THANKS! I tweaked it a bit, but it looks great! I love learning about CSS! this is sooo cool!

• 

  judithdoubell · Member · Jun 1, 2011 at 10:16 am

  • Copy link

  one more question, will it be possible to move the SEARCH widget in the body of my blog to the tab on the top where my menu is?

• 

  panaghiotisadam · Member · Jun 1, 2011 at 6:06 pm

  • Copy link

  You’re welcome!

  A word of caution: The code I suggested was based on the fact that you’ve got nothing on the 4th footer widget area. If you add widgets to that area, you’ll need to decrease the width of each footer widget area or the 4th one will drop below the other three.

  As for your new question, I think it can be done this way:

  #container {position:relative;}
  
  .widget_search {
  position:absolute;
  top: 365px;
  right: 255px;
  }

  Change the numbers till it falls exactly where you want it and let me check the result. If my solution isn’t right, you’ll have to wait for devblog or thesacredpath.

• 

  panaghiotisadam · Member · Jun 4, 2011 at 1:54 am

  • Copy link

  By now you’ve changed your mind about everything, but anyway (for the record) our expert devblog pointed to a mistake I made (as I suspected): should be #wrapper instead of #container.

• 

  olympib6 · Member · Jun 5, 2011 at 9:48 pm

  • Copy link

  I am very very new but what I would like to do is get rid of a tagline on my home page. I want to delete the word “home”. So…. do I go to dashboard….appearance…. edit CSS which brings me to an editor page where I just start typing in a CSS code and then save it? My question is… I did this but when I go to preview it the change was not made. Any help would be appreciated.