Remove or minimize border over 'shared buttons' in Chunk theme

• 

  3mpulse · Member · Mar 7, 2012 at 4:01 pm

  • Copy link
  • Add topic to favorites

  Is it possible to have widgets on other pages than the front page?

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

• 

  designsimply · Member · Mar 8, 2012 at 12:22 pm

  • Copy link

  The Chunk theme is designed to display widgets in the footer area on all pages including the front page and other types of pages.

  The information page about Chunk can be found at http://theme.wordpress.com/themes/chunk/

• 

  3mpulse · Member · Mar 8, 2012 at 9:06 pm

  • Copy link

  Thanks.

  I have another question. I feel like I’ve ruined my CSS now. I need the menu to be center aligned. My only word in the menu is going to be “OM”, and I want the top and bottom border just big enough to “cover” the word.

• 

  designsimply · Member · Mar 9, 2012 at 7:46 pm

  • Copy link

  To center the menu on your http://e-mpulse.net/ site using the Chunk theme, add this to your Appearance → Custom Design → CSS page:

  #menu {
  width: 100%;
  }

  Or did you want to keep the smaller width and then center that?

• 

  designsimply · Member · Mar 9, 2012 at 8:00 pm

  • Copy link

  For the spacing in the menu, try this to see if it does what you’re looking for:

  #menu {
  padding: 0;
  }
  
  #menu a {
  line-height: 1;
  }

• 

  3mpulse · Member · Mar 10, 2012 at 5:32 pm

  • Copy link

  Have a look now. Awful :)

  I wan’t the text and the border centered.

• 

  designsimply · Member · Mar 20, 2012 at 11:47 pm

  • Copy link

  I looked and I found that the following CSS block from your Appearance → Custom Design → CSS page is making it so the menu items aren’t floated properly.

  #menu li {
  float:center;
  position:center;
  }

  Remove that from your Appearance → Custom Design → CSS page without changing any of the other CSS and the text and the border should get centered.

  Note that “center” isn’t a valid value for the float or position properties, and so when you added “float: center” that broke the existing rule that was making the menu items line up horizontally.

  If you’re interested, you can check the W3C specs to see which values are allowed for properties like float and position.
  http://www.w3.org/TR/CSS2/visuren.html#float-position
  http://www.w3.org/TR/CSS2/visuren.html#propdef-position