Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2126

    I figured out how to remove the black border and 4 pixel padding on individual images that’s added when they’re inserted in posts and pages (add: border: 0pt none; padding: 0px; to the style field in the “advanced settings” on the image).

    However, I’d like to be able to remove the border and paddin on an image by image basis on “featured images.” Is there a way to do this on an individual image/page/post basis without globally changing the css? I want it on the majority of featured images, but occasionally I like to add an image that appears to float on the page with no borders.

    Thanks in advance.

    Chris Blair

    Magnetic Image, Inc.

    Evansville, IN

    http://www.videomi.com

    #36745

    The best way to do this is target individual images in the CSS file like this:

    .featured1 { }

    That will target the first image, unfortunately you’ll have to update the CSS when you change the images.

    #36746

    Not sure I follow. What determines which image is .featured1 [ ] ?? I have featured images specified on probably a dozen pages of the site, which has 66 pages and will eventually have many, many posts. So how would I determine which image is which and on which page?

    #36747

    As far as I know that isn’t easily possible. The featured images are in a div container called “entry-content” – so your only possibility to differentiate between the pages/featured images is to use the post id like:

    .postid-11 entry-content img{
    border:none;
    background:none;
    }

    This will remove the background for post id 11

    #36748

    I gotcha. That could be useful as there are only a handful of images and pages that require that. Thanks so much! Excellent support!

    #36749

    Glad that we could help you.

    #36750

    Ive been searching for this for an hour and finally found it :)

    How do I GLOBALLY change this so that no image has the border on the featured image?

    Thanks!

    #36751

    Add following to style2.css – this should remove the border for all images:

    a img, a:hover img, .entry img, #top .wp-caption{
    border: none !important;
    background: none !important;
    }

    #36752

    Hi Dude, I dont want to remove all borders for images on my site. I want to remove the transparent border that is around the inside of the slider images only.

    #36753

    If you want to remove the slider border (called fancyborder) just open up style1/2/3.css (I’ll use style1.css for the example) and replace:

    .fancyborder{
    background: transparent url('../images/skin1/fancy_border.png') repeat 0 0;
    }

    with.

    .fancyborder{
    background: none;
    }

    #36754

    Thanks, I appreciate you!

    #36755

    Hey,

    Awesome, let us know if you have any other questions.

    James

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Remove Image border and padding on featured image’ is closed to new replies.