Need help? Check out our Support site, then


border around images is blue in IE, white in Firefox - Theme: "Emire"

  1. bigandlittlegreen
    Member

    Hi, the title of my topic pretty much says it all. I'm using "Emire" and the image borders are white (which I want) in Firefox, but looking in Internet Explorer they are a hideous bright blue! Also the theme "name bar" at the bottom of the screen in FF is nicely placed, but in IE it is static while I scroll, stuck half way off the page.

    Can anyone help?

    http://bigandlittlegreen.wordpress.com

  2. I can't help but I see both problems. If no one else chimes in, you should contact support.

  3. If you have access to the image's html try:

    <img src="mypicture.jpg" style="border: 3px white solid;" />

  4. drtimothydukes
    Member

    I have the same issue with Abiru theme. can you tell me where to place the code? I have purchased CSS upgrade, placed your code into CSS Stylesheet Editor field and clicked Add this to the Ambiru theme's CSS stylesheet, but nothing changed.

  5. Can we have a link to your blog? The code above is not CSS code.

  6. That code is for the html of the image. Put it into the html editor of the post where the image is.

  7. drtimothydukes
    Member

  8. It looks like you need to define the borders in the image sections. Here is the original part of the code:
    'img.centered, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }
    `
    Notice there there is nothing in there about the border, which I think is being inherited from the body, but I'm no CSS expert. What I would do is add a border definition to each of the three alignments, something like:
    border: 1px solid red;
    (I used red because it will make the border stand out. You should set the color you want it to be.)

    HTH

  9. Hmm - not sure what I did wrong but the original is

    img.centered, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }
    
    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic