border around images is blue in IE, white in Firefox – Theme: “Emire”

  • Author
    Posts
  • #254623

    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

    #254738

    vivianpaige
    Member

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

    #254992

    lee9931
    Member

    If you have access to the image’s html try:

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

    #255161

    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.

    #255163

    vivianpaige
    Member

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

    #255164

    rosclarke
    Member

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

    #255165
    #255166

    vivianpaige
    Member

    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

    #255167

    vivianpaige
    Member

    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;
    }

The topic ‘border around images is blue in IE, white in Firefox – Theme: “Emire”’ is closed to new replies.