4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Image issues in different browsers

by Matthew Payne
3 replies
  • WEB DESIGN
    • |
The book image in the bottom half of this homepage has a large gray square around in when browsing in Crome. When browsing in Internet Explorer the image looks great and background appears to be transparent. Any suggestions?


productauthor.com
#browsers #image #issues
  • Profile picture of the author David V
    Originally Posted by Matthew Payne View Post

    The book image in the bottom half of this homepage has a large gray square around in when browsing in Crome.

    productauthor.com
    You have this in the style.css at line 290:
    Code:
    .entry img, img.thumbnail {
padding: 5px;
border: 1px solid #e6e6e6;
background: #F8F8F8;
}
    Change background: to "#fff" or "none" or remove it.

    I noticed you also have a custom.css, so add your change to that stylesheet not the style.css and it should override it.
    Looks like your theme has the custom.css just for that reason.

    You already did add the .entry img there, so just add a new background property to override the default.
    Code:
    .entry img, img.thumbnail {
border: none;
background: none;
}
    {{ DiscussionBoard.errors[7607410].message }}
  • Profile picture of the author Samuel02
    Hello Friends,

    Thanks for sharing your suggestion.
    {{ DiscussionBoard.errors[7608874].message }}
    • Profile picture of the author Adorer
      Replace the first 'with' in "We only want to provide with with..." with a 'you'.
      {{ DiscussionBoard.errors[7609187].message }}

Trending Topics