• Hi,

    Iv been struggling to remove the borders that seem to be default on images on the latest version of wordpress using canvas. Iv read that using firebug can resolve this but im stuck with the code.

    This is what firebug shows me when i select an image with the border:

    <img class="alignleft size-full wp-image-178" width="207" height="311" src="http://www.campaignkings.co.uk/wp-content/uploads/2013/12/face.jpg" alt="face" style="border-style: initial; border-color: initial; border-width: 0px;">

    my site is http://www.campaignkings.com

    would appreciate any help. Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • There’s nothing to see at that link.

    Thread Starter BartWeaver

    (@bartweaver)

    This is the relevant CSS:

    .entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    height: auto;
    padding: 3px;
    border: 1px solid #e6e6e6;
    background: #F8F8F8;
    background: rgba(255, 255, 255, 0.7);
    }

    In particular the padding and border properties. Amend those in your child theme or custom CSS plugin.

    Thread Starter BartWeaver

    (@bartweaver)

    sorry this is the first time iv ever done anything with code im not sure what you mean, i have firebug open and i can see the css code

    The CSS that you can see is from your theme or child theme’s stylesheet, usually called style.css. So, in order to change the borders around your images, you need to alter the CSS properties for images.

    It’s better to do this in a child theme stylesheet because any theme update may override your amendments. If you’re using a Woo theme like Canvas, you can put the amendments either in a custom.css file (it’ll be in your theme folder), put it in the display options of your Canvas preferences in the dashboard or use a dedicated plugin to include additional/amended CSS.

    You can read about it at the Woo Support site:

    http://www.woothemes.com/videos/best-practises-for-customizing-your-wootheme/

    Thread Starter BartWeaver

    (@bartweaver)

    Thanks for your help

    Thread Starter BartWeaver

    (@bartweaver)

    iv followed the video link you sent me and changed the code in custom css to:

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
      height: auto;
      padding: 0px;
      border: 0px solid #000000;
      background: #F8F8F8;
      background: rgba(255, 255, 255, 0.7);
    }

    still nothing changes i can change it in firebug using the layout section but i dont know whether i should be changing this code or not,

    thanks

    Same happens to me using firebug…I have a child theme. I wanted to remove the wordpress plugin from flipbook. I copied and pasted the css code , wrote in display:none; …nothing happened….

    Any thoughts on why firebug sometimes works and sometimes doesn’t? How do I remove “wordpress plugin”, from flip book?

    Thx,
    Tyler

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Removing grey media borders using firebug help’ is closed to new replies.