[Debra Nettles]

http://bwme.org/join/member-profiles/

I am not sure when the images stopped appearing.
WordPress 5.0.3 running Pofo theme.

The directory is very important to our group please advise ASAP!!
Thank you,

Debra

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Debra

Took a look and the images seems to be displaying fine. Do you perhaps have some sort of browser addon for blocking ads. Unlikely, but possible, that it could be blocking them on your computer.

Hope this helps!

[Debra Nettles]

I have looked in Chrome, Safari and Firefox and the images do not show on the initial page. Actually, to be precise I use the image in the logo space too. So it’s the logo space not showing.

[Steven Zahm]

@ Debra

RE: I have looked in Chrome, Safari and Firefox and the images do not show on the initial page.

Must be something to your local computer/network then. I see the images. Please see the attached screenshot.

This does not seem to be a issue for the general public, like myself. Perhaps try your phone browser while not connected to your local wifi (in other words use your phone data).

Attachments:

You must be logged in to view attached files.

[Debra Nettles]

HI there.

I checked different computers within my household. Only one, a PC using Chrome for Windows showed the LOGO images.
I tried my iPhone and laptop outside my office and the images did not show.

I really want to fix this issue ASAP. Its been over a month.
Is there any other advice you can give?
My client wants me to find another Directory plugin.

Debra

[Steven Zahm]

@ 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.

[Debra Nettles]

It worked! Thank you!!!

[Steven Zahm]

@ Debra

Great to hear!

[Author]

Posts