WordPress.org

Support

Support » Themes and Templates » Remove borders around Header & Images for Twenty Twelve theme?

Remove borders around Header & Images for Twenty Twelve theme?

  • I have been trying to figure out how to remove the borders around the custom header image and other images for the twenty twelve theme. Please Help! I tried to add some codes that I found through Google but they didn’t work. I was looking for the Custom CSS in the editor but it’s not there.

    What is the code to remove the borders & where do I add the code?

    Thanks in advance!

    Danielle

Viewing 14 replies - 1 through 14 (of 14 total)
  • http://www.youngadultpf.com <—–This is the link to my blog. The borders are around the header and any content image that I upload

    WPyogi

    @wpyogi

    Forum Moderator

    You need to install a custom CSS plugin or create a child theme. Jetpack has custom CSS so that’s a good option for the plug-in. Then you can add this code to the new custom CSS section:

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        border-radius: 0;
        box-shadow: 0;
    }

    That will remove that kind of border from all images — is that what you want or only the header image?

    WPyogi- I uploaded the jetpack plug-in and put in the code in the Custom CSS but the borders are still there

    WPyogi

    @wpyogi

    Forum Moderator

    Okay, sorry, try this instead:

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        border-radius: none !important;
        box-shadow: none !important;
    }

    THAT WORKED!!!! THANK YOU SO MUCH!!!!

    I had the same issue and this solution worked for me although I did get an error message in the CSS editor about not needing “img” in front of .header-image.

    Hello,

    I have the same issue as DNicole91 but I would like to remove the shadow and border to the header image only. How can I do that?

    Thank you

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    If it’s the same issue, follow the solutions in this thread.
    Otherwise create your own thread.

    It worked thanks.

    I tried putting code into my child theme as WPyogi described. But I still have borders and drop shadows around my image. I copied and pasted into style.css. Is there something I’m doing wrong?

    WPyogi

    @wpyogi

    Forum Moderator

    @truth100 – per the forum guidelines, please start your own thread and include a link to your site.

    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: none !important;
    box-shadow: none !important;
    }

    I hope it’s OK to sneak a comment into this post. I have been trying every possible custom CSS I could find and nothing worked until I tried this.

    So happy I found this!!!!!!

    Thank you 🙂

    Moderator Jan Dembowski

    @jdembowski

    Brute Squad and Volunteer Moderator

    It’s OK but just make sure you put that CSS inside of a child theme or custom CSS plugin.

    The Twenty Twelve theme is actively being updated and it would be a shame if your CSS changes were lost for that reason.

    EDIT: problem solved!!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Remove borders around Header & Images for Twenty Twelve theme?’ is closed to new replies.
Skip to toolbar