WordPress.org

Ready to get started?Download WordPress

Forums

Remove borders around Header & Images for Twenty Twelve theme? (15 posts)

  1. DNicole91
    Member
    Posted 1 year ago #

    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

  2. DNicole91
    Member
    Posted 1 year ago #

    http://www.youngadultpf.com <-----This is the link to my blog. The borders are around the header and any content image that I upload

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  4. DNicole91
    Member
    Posted 1 year ago #

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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  6. DNicole91
    Member
    Posted 1 year ago #

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

  7. pwilson2000
    Member
    Posted 1 year ago #

    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.

  8. madameganache
    Member
    Posted 1 year ago #

    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

  9. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  10. madameganache
    Member
    Posted 1 year ago #

    It worked thanks.

  11. truth100
    Member
    Posted 11 months ago #

    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?

  12. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

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

  13. lhockinson
    Member
    Posted 9 months ago #

    .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 :)

  14. 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.

  15. Torvon
    Member
    Posted 8 months ago #

    EDIT: problem solved!!

Topic Closed

This topic has been closed to new replies.

About this Topic