No HTTPs for collapse-o-matic images (arrows)

Can you share a link to the page?
What default URL of the blog under Dashboard > Settings > General Settings
Are the urls also set to https, or are they still http? The plugin will try to grab the url to the image based on these settings. Get back with the answers, and if that does not resolved the issue we’ll take a closer look and get this resolved as quickly as we can.

I’m sorry, of course:

The general setting of the blog url is https://sturz.zhdk.ch

I used a url changer plugin to change all urls to https.

kind regards and thanks for the fast reply

Hello Sturz,

We took a quick look at your site and both of the arrow images seem to be loading via HTTPS with no problem:
https://sturz.zhdk.ch/wp-content/plugins/jquery-collapse-o-matic/images/arrow-down.png
https://sturz.zhdk.ch/wp-content/plugins/jquery-collapse-o-matic/images/arrow-up.png

Maybe I am not understanding the issue, correctly. When you say:

That graphic isn’t directed to its own https-directory and i’m not able to find a way, so the plugin works only with its stuff on a secure line.

What is the exact problem, or error message you are trying to resolve?
Sorry for the confusion… together, I am sure we’ll get this resolved in short order.

Hi Baden

Thanks for taking a look at it. Chrome sometimes says the website’s content is mixed (secure and non secure), Firefox tells me the same and there i can see that for example the arrow-down.png is loaded via http instead of https. Here’s a screenshot.

Do you have any idea, why this could happen?

Hello Sturz,

So basically, these images are being loaded via CSS. It would seem that if the css file is being loaded using HTTPS, then so would the images. However, after a bit of research, here are some other things to check:

are you using hotlink protection?
https://stackoverflow.com/questions/7918394/why-images-and-css-do-not-show-under-https

and then there is this little network-path reference trick we could try. We’ll post something for you to test shortly.

ok, we have an idea!
under Dashboard > Settings > Collapse-O-Matic add the following to the Custom CSS section:

.collapseomatic {
	background-image: url('//sturz.zhdk.ch/wp-content/plugins/jquery-collapse-o-matic/images/arrow-down.png') !important;
}
.colomat-close {
	background-image: url('//sturz.zhdk.ch/wp-content/plugins/jquery-collapse-o-matic/images/arrow-up.png') !important;
}

What this does is override the standard CSS with a full network-path referenced link to the images. They should now always be loaded via HTTPS.

Please let us know of that works for you.

Any joy getting this issue resolved?

Issue marked as resolved.