WordPress.org

Ready to get started?Download WordPress

Forums

outline around png image (17 posts)

  1. tjezzy
    Member
    Posted 3 years ago #

    i added a png image to a page - it has a black outline around the image. the image was created in illustrator and has no outline. how to get rid?? thanks!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  3. AliasEll
    Member
    Posted 3 years ago #

    If you mean you have it like:

    <img src="images/logo.png">
    or
    <img src="http://uploadedimage.com>

    You need to add border="0" after the src, so:

    <img src="images/logo.png" border="0">
    or
    <img src="http://uploadedimage.com" border="0">

    Or, if you have done it in CSS, do the same, but: #id {background-image:url(images/logo.png); border:none;}

    Think thats what you mean!

  4. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    That's partially incorrect! The border=0 attribute is deprecated and should not be used. Sites should use CSS instead.

  5. tjezzy
    Member
    Posted 3 years ago #

    i didn't want to publish it, but here is the link to the problem:

    http://tammyjez.com/resume

  6. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Edit style.css remove border: 1px solid #000; from:

    .entry img {
        border: 1px solid #000;
        padding: 0.3em;
    }

    I'd also strongly recommend that you reconsider posting your resume as an image. Google can't index text that is embedded in a graphic, so - from an SEO perspective - an image is just about the worst option you can use.

  7. tjezzy
    Member
    Posted 3 years ago #

    i tried your suggestion aliasell, but it didn't work :(

    any other ideas?? thanks :)

  8. tjezzy
    Member
    Posted 3 years ago #

    index text? you mean like searchable?? (sorry i'm a web-design newbie fresh from the womb)

    yeah, i thought i would rather it not be an image, but i didn't like the font and couldn't see how to change it. haha. can you tell me how?

  9. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    you mean like searchable??

    Exactly! Since Google can't "see" the text in the image, it can't store that text in its index when it spiders (catalogues) your site and won't ever return that page when someone searches for your particular qualifications/experience. And that pretty much negates the reason for having a Resume page in the first place.

    i didn't like the font and couldn't see how to change it. haha. can you tell me how?

    You can change the fonts used on your site by editing your theme's stylesheet. Like the edit I posted above. Once the text was actually on the page (as opposed to an image), we might be able to help you to determine exactly what bits you need to change in the stylesheet

  10. tjezzy
    Member
    Posted 3 years ago #

    ok thanks esmi!!

    believe it or not, i paid someone else to create the site for me :)

    i just need to update. ok, will mess around for a bit and see what i come up with.

    thanks again!!

  11. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Very often, a paid developer will only install WordPress and create a theme to your specifications. S/he won't add the actual content for you unless this has been negotiated separately.

    Have a play with the site and see what you can do. If you hit problems, you can always ask for help on the forums again.

  12. kevinkwalter
    Member
    Posted 3 years ago #

    I'm having a similar issue, but with a grey outline. I thought I'd found the problem in my style.css here:

    #content img {
    	border: #BBBBBB 1px solid;
    	padding: 2px;
    }

    but I tried removing the "border" line completely, changing it to "0px", and then changing the color to "#000000", none of which worked. Any help would be appreciated. Here's the page that I'm having the problem with. Thanks...

    http://kevinkwalter.com/?p=232

  13. anthonyb
    Member
    Posted 3 years ago #

    Hey Kevin,

    In your theme stylesheet on line 231 you have the following:

    #content img {
    border: 1px solid #BBB;
    padding: 2px;
    }

    If you wanted to make this change global, change that code to the following:

    #content img {
    border: 0;
    padding: 2px;
    }

    Cheers

  14. kevinkwalter
    Member
    Posted 3 years ago #

    Oh, and mine is a .jpg image (not .png), but I don't see why that would make a difference.

  15. anthonyb
    Member
    Posted 3 years ago #

    It won't. Both are embedded using the HTML img tag.

  16. kevinkwalter
    Member
    Posted 3 years ago #

    Worked great. I found the same thing in both my style.css and my style.php, so I changed both. That shouldn't be a problem, right?

  17. kevinkwalter
    Member
    Posted 3 years ago #

    Anyway, seems to all be working properly. Thanks a ton for the help, much appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.