Remove Border Images from Bueno Theme?

  • Author
    Posts
  • #481773

    jcryle
    Member

    I’ve purchased CSS and have gone through it with a fine tooth comb trying to remove the border images from my pictures.

    Here is my site: http://jcrylequotes.com/

    And here is an example of an image with the border: http://jcrylequotes.com/2010/05/15/finally-knots-untied/

    Please tell me where to find the border image in the CSS so I can insert “none” or “0”?

    Thanks

    The blog I need help with is jcrylequotes.com.

    #481931

    phoxis
    Member

    Change the .entry img border to 0 none;


    .entry img {
    border:0 none;
    }

    The 0 described the border width, none will describe the border style, (which is null) then to give the border colour, which is not given.

    Similarly i think you need to change the border property of the other img classes in the CSS sheet. You can search for ‘img’ in the CSS file and get the other CSS classes and then change the border properties.

    #481932

    jcryle
    Member

    The only “.entry img” I see is this:

    .entry img, .wp-caption { margin-bottom: 15px; }

    However, this is not working since it is not a “border”.

    Still need help.

    I’m supposed to be looking under this section in CSS correct?

    /* 3.2 Images */

    #481933

    devblog
    Member

    actually, “border: none;” will suffice. No need to set a value such as “0”.

    #481934

    jcryle
    Member

    Here is what I have under the “Image” section of my CSS for Bueno.

    Let me know which one of these I need to adjust to rid myself of the image borders.

    Thanks.

    _____________________________

    /* 3.2 Images */
    img.wp-smiley  { padding: 0 !important; border: none !important; margin: 0 !important; }
    
    .entry img, .wp-caption { margin-bottom: 15px; }
    
    .entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
    .entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
    .entry .aligncenter  { display: block; text-align: center; margin: 10px auto; }
    
    .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
    .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
    .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }
    #481935

    phoxis
    Member

    add the below line

    i see that this option is in the blue.css file, which probably is not editable.
    Then just add the below


    .entry img {
    border:0 none;
    }

    in any place of the CSS file

    #481937

    jcryle
    Member

    Yep…pasting that small code anywhere into the CSS worked.

    MUCH appreciated phoxis.

    You folks at WordPress are INCREDIBLE! :-)

    #481943

    devblog
    Member

    I don’t understand why the redundancy of defining the border property like this:

    border: 0 none;

    It’s like defining something like this

    selector {
    display: none;
    height: 0;
    width: 0;
    }

    Meh…

    #481946

    @devblog, it’s to keep the browser busy.

    ;-)

    #481947

    devblog
    Member

    Yeah, I bet!

    #481955

    phoxis
    Member

    just following the syntax. making 0px border would be enough.

    #482149

    sandrapawula
    Member

    That code doesn’t remove the green border on the featured image in a post )at least not when I tried inserting a featured image in a previous post.) Any thoughts? Thanks so much.

    #482150

    devblog
    Member

    Sandra,

    Would you please post a temp “featured image”? I would need to see the elements in order to give you the proper code. If you want to do it tomorrow, that’s fine. I’m going to bed right now.

    making 0px border would be enough.

    phoxis,

    Yes, that’d suffice, but the proper way would be to set it to “none”. Also, when setting a value to zero (0) no units are necessary.

    #482153

    phoxis
    Member

    @sandrapawula: you need to check which class the featured post images uses to show the image, and you need to set the border property to 0 within that class. I think the easiest way to figure the call is to use FireBug, a firefox plugin. Get it here: http://getfirebug.com/
    Using it you can check the changes at once, and when you are satisfied you then can apply those changes from your wordpress CSS editor.

    @devblog : Right. Actually i am not very well with CSS (not in web development), and have no experience, so just trying to apply what i learnt.

    #482163

    devblog
    Member

    Sandra,

    I guess I was too tired last night that I forgot to say that, if you want to get rid of the borders of ALL images throughout your blog then this code will take care of that:

    img {
    border: none !important;
    }

    If you just want to get rid of the images inside your posts only, then this will do it:

    .hentry img {
    border: none !important;
    }

    The “!important” rule will deal with the border that persists around images such as the one in your “Zen Parable” post.

    HTH

    #482197

    sandrapawula
    Member

    Thanks everyone. I used this:

    For no border around featured images:

    .post img.attachment-post-thumbnail { border: none; }
    For no border around the thumbnails in the Featured Posts widget:
    #featured span.thumb img { border: none; }

    #482223

    I was having the same problem with unwanted picture borders on my blog: http://mikkahillphotography.com/

    I have the Bueno Theme for WordPress and entered this:

    .entry img {
    border:0 none;
    }

    Now, I’m happy with no borders! Thanks for (thekowalkerjourney) for asking my question and (phoxis) for answering my question.

    #482224

    devblog
    Member

    It should be just

    .entry img {border: none;}

    *sigh*

    #482248

    kispetra
    Member

    Can you help me how could I remove border from featured images? In all other cases setting border 0 is working but with featured images the border still remains whatever I do. Thanks a lot!

    #482249

    Has been answered – see posts above.

The topic ‘Remove Border Images from Bueno Theme?’ is closed to new replies.