Reply To: Directory Images not showing

02/21/2019 at 3:06 pm #485390
Steven Zahm
Keymaster

@ Debra

I took another look and was able to replicate the issue. I was not able to before because my monitor at my workstation is large.

The issue… is the theme.

For some reason the theme, on smaller screens, globally hides ALL logos by setting their display to none. The profile images were uploaded as logos in Connections which is why they are affected.

This is not a bug or issue with Connections, but I can tell you how to fix it.

First here is what the theme is doing:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .logo {display: none !important;}
    .retina-logo {display: inline-block !important;}
    .retina-logo-light {display: block !important;}
    .hamburger-logo .retina-logo {display: inline-block !important;}
    .logo-footer-retina {display: inline-block}
    .logo-footer {display: none;}
}

So we need to work out a way to override the theme. For some reason they wanted to make this a hard to do because they added the !important flag. This tells the browser, well, that it is important and not to change it easily.

Add this to the theme’s custom CSS area, generally found in the Theme Customizer:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    img.cn-image {display: block !important;}
}

Hope this helps! Let me know.