s2Member CSS Loading Insecure Images on SSL Site

The CSS file loaded from here:


References images by HTTP URL, eg:

label.s2member-pro-paypal-form-card-type-visa-label {
background: url(‘http://domain.com/wp-content/plugins/s2member-pro/src/images/visa-card.png’) no-repeat top center

All WP settings are set to HTTPS and s2member_force_ssl is set to yes on the page.

Hi, Jackson.

Most likely it’s not caused by s2, but it’s difficult to troubleshoot without going to the site.

Hi Jackson.

I checked the CSS in my sites, and it’s using HTTPS. Not sure why yours isn’t.

Could you please do some troubleshooting? I’d start with the plugin/theme conflicts. https://s2member.com/kb-article/common-troubleshooting-tips/

Let us know how it goes. :slight_smile:

I ended up making static CSS files to get the CSS working. The globals that are supposed to set the URL path to the icons folder are secure and correct when I dump the $_GLOBAL var in the footer. To fix the insecure images being created by the JS, I had to edit /s2member/src/includes/classes/css-js-in.inc.php and hardcode lines 204 and 205.

Maybe it’s a hosting issue? Can you set the variables in the server config?

Here’s something I did for Trellis/NGINX.