Need help? Check out our Support site, then


delete borders in the Twenty Twelve theme

  1. 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 tually.me.

  2. 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;
    }
  3. 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?

  4. Sure, you can add this as well:

    #colophon {
    	border: 0;
    }
    
    .site-content article {
    	padding-bottom: 0;
    	margin-bottom: 0;
    	border-bottom: 0;
    }
  5. Thanks a lot. Your assistance has been very helpful.
    Regards,

  6. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic