delete borders in the Twenty Twelve theme

• 

  tually · Member · Oct 16, 2012 at 2:04 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I need to delete the borders around the main menu, header and images that appear by default in the Twenty Twelve theme. Is this feasible?
  Can anyone help me on this?

  Thanks in advance.

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

• 

  bryanvillarin · Staff · Oct 19, 2012 at 11:02 pm

  • Copy link

  Sure, can you try adding this CSS in Appearance -> Custom Design -> CSS?

  .entry-content img,
  .comment-content img,
  .widget img,
  img.header-image,
  img.wp-post-image {
      border-radius:0;
      box-shadow:0 0 0 rgba(0,0,0,0);
  }
  
  .main-navigation ul.nav-menu,
  .main-navigation div.nav-menu > ul {
  	border-bottom:0;
  	border-top:0;
  }

• 

  tually · Member · Oct 21, 2012 at 1:59 pm

  • Copy link

  Great, Bryan, it does work!!!!

  Now I need to remove an additional “border” at the bottom of the page (it looks like a footer). It seems a box with superior double border in the top and a single border in the bottom. These borders appear by default too in all pages.

  Can you help please?

• 

  bryanvillarin · Staff · Oct 22, 2012 at 9:51 pm

  • Copy link

  Sure, you can add this as well:

  #colophon {
  	border: 0;
  }
  
  .site-content article {
  	padding-bottom: 0;
  	margin-bottom: 0;
  	border-bottom: 0;
  }

• 

  tually · Member · Oct 23, 2012 at 11:11 am

  • Copy link

  Thanks a lot. Your assistance has been very helpful.
  Regards,

• 

  bryanvillarin · Staff · Oct 23, 2012 at 7:03 pm

  • Copy link

  You’re welcome!