Some images display a top + left border, some 2 pixels wide

  • Question
  • Updated 4 years ago
Some images display a top + left border, some 2 pixels wide. Only on the front page of the blog. Is this normal?
I'm using the free version of autofocus+.

Thanks for the theme, looks great.
Photo of albesanbe

albesanbe

  • 4 Posts
  • 1 Reply Like
  • waiting for an answer

Posted 5 years ago

  • 1
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
Do you have a live link?
Photo of albesanbe

albesanbe

  • 4 Posts
  • 1 Reply Like
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
Not sure what’s causing it, but add this to your style.css after line 254:

.blog #content .hentry img {border:none;}
Photo of albesanbe

albesanbe

  • 4 Posts
  • 1 Reply Like
Will do, Thanks.
Photo of albesanbe

albesanbe

  • 4 Posts
  • 1 Reply Like
Hey Allan, thanks for your help, that fixed it.
Photo of David Edgar

David Edgar

  • 20 Posts
  • 1 Reply Like
having the same problem - but only in firefox and IE8

that bit of code did the job of fixing it - .blog #content .hentry img {border:none;}

Suggest you include that when next updating the theme.
Photo of David Edgar

David Edgar

  • 20 Posts
  • 1 Reply Like
this has gone wrong again. unfortunately.

blue borders are back in ie8, I guess that something in a recent update caused this.

I have had to put that line of code back in but while that fixes individual entries, the header now has a blue border around it.

Surely this is affecting everyone's website?
Photo of Allan Cole

Allan Cole, Owner

  • 2047 Posts
  • 112 Reply Likes
David, do you have a live link?
Photo of David Edgar

David Edgar

  • 20 Posts
  • 1 Reply Like
Hi Allan,

Thanks for the reply. Here is our website:

http://www.mdmltd.com/

only like this in internet explorer. chrome, firefox are ok.

thanks
Photo of AxelYa

AxelYa

  • 548 Posts
  • 105 Reply Likes
There is separate style file for internet explorer - ie-styles.css
in css directory.

add there :
.ie8 #branding a img {border:none;}

.ie8 here is a version of browser. If you experience problems with ie7
you can add
.ie7 #branding a img {border:none;}

I can't test it here - my internet explorer can't load your site javascript and images, only html.