Title: Problems with image rendering
Last modified: August 30, 2016

---

# Problems with image rendering

 *  [trixee](https://wordpress.org/support/users/trixee/)
 * (@trixee)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/problems-with-image-rendering/)
 * I think I may have come across a bug in the images. Possibly two.
 * 1. If I specify an image CSS class and a caption for the same image, the CSS 
   class will not render.
 * Yes, I have read the codex: [https://codex.wordpress.org/Styling_Images_in_Posts_and_Pages](https://codex.wordpress.org/Styling_Images_in_Posts_and_Pages)
 * This is the image class:
    Image CSS Class = border-image
 * This is the corresponding CSS:
 * img.border-image {
    border: 3px solid #eee; padding:3px; margin:3px; }
 * If I specify an image class, without specifying a caption, the border will render
   correctly.
    E.g: [https://e4helpcenter.petroleumplace.com/help/p2-server/primers/datasources/](https://e4helpcenter.petroleumplace.com/help/p2-server/primers/datasources/)
 * If I try to use both the border style and a caption, the border does not render.
   E.g: [https://e4helpcenter.petroleumplace.com/help/p2-server/primers/data-types/](https://e4helpcenter.petroleumplace.com/help/p2-server/primers/data-types/)
 * 2. When an image has a caption applied, it appears blurry, even when “full-size”
   is specified. If you open the image in a lightbox, it renders clearly. It only
   appears blurry on the page.
 * Example: [https://e4helpcenter.petroleumplace.com/help/p2-server/primers/data-types/](https://e4helpcenter.petroleumplace.com/help/p2-server/primers/data-types/)
 * ————————
 * If there’s a workaround, I’d appreciate a suggestion, otherwise I’ll just assume
   it’s a bug and ask for it to be fixed. Is there an issue tracking system I can
   submit to, or do I just report it here like this?
 * Many thanks,
    Trish 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/problems-with-image-rendering/#post-6645901)
 * 1. On the captioned image, your border style is being over-written by this one
   on line 1349 of style css.:
 *     ```
       #content .wp-caption img {border: none !important; ...
       ```
   
 * Since this style is more specific it takes precedence. If you don’t want to change
   style.css because edits would be lost on update, try
 *     ```
       #content .wp-caption img {border: 3px solid #ddd !important}
       ```
   
 * in your custom css.
 * 2. The caption doesn’t look blurry here, though maybe I’d increase the font-size
   just a touch and darken the font color for more contrast to improve readability.
 * Have you seen the css validator at:
    [http://jigsaw.w3.org/css-validator/validator](http://jigsaw.w3.org/css-validator/validator)
   The validator is flagging up some errors with your styles and if you continue
   to have trouble it may be worth working through them.
 *  Thread Starter [trixee](https://wordpress.org/support/users/trixee/)
 * (@trixee)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/problems-with-image-rendering/#post-6645935)
 * Hi lorro, thanks for your help!
 * I added your snippet to the custom CSS, plus added !important to the border-image
   style, and it works a treat. Thank you.
 * For the second problem, I meant to say that the image is blurry, not the caption.
   This is only an issue really because the images are often screenshots that contain
   text.
 * I’ll keep an eye on the validator, thanks for the link.
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/problems-with-image-rendering/#post-6645942)
 * The image has a style which reduces the opacity to 0.8 on hover and maybe this
   isn’t helping clarity. Try this to override:
 *     ```
       #content .wp-caption img:hover {opacity:1.0}
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problems with image rendering’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/problems-with-image-rendering/#post-6645942)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics