delete borders in the Twenty Twelve theme

  • Author
    Posts
  • #1043487

    tually
    Member

    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.

    #1043650

    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;
    }
    #1043655

    tually
    Member

    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?

    #1043657

    Sure, you can add this as well:

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

    tually
    Member

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

    #1043667

    You’re welcome!

The topic ‘delete borders in the Twenty Twelve theme’ is closed to new replies.