Mixed content in inspect

[lusien]

Hello,

While looking to the errors in Inspect in the browser I remarked that there are several messages related to the mixed content like:

Mixed Content: The page at http://www.yoursite.com/members/username/settings/’ was loaded over HTTPS, but requested an insecure image ‘http://yoursite.com/wp-content/uploads/2018/03/image.png’. This content should also be served over HTTPS.

Please note that the image is the background image or favi icon that were uploaded from within the theme.

How can I fix this?

Thanks.

 

[Kieran_SQ]

Hi,

Your website is available at cristea.ch and https://cristea.ch

It looks like you uploaded the image either when their was no SSL certificate or from the cristea.ch domain. You need to first contact your host and have them forward all non https:// traffic to your https:// site and set your primary domain in WordPress to the https:// site.

Once this has been completed and you get to https://cristea.ch from typing in cristea.ch you can reupload the image and it should work as expected.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[lusien]

Hi Kieran,

Many thanks for the explanation. I will contact the hosting partner to check on your solution. Our site was always https but it could be that there are some settings on server level that need to be enabled to assure that all non https:// traffic will be routed to our https:// site.

Thanks.

[lusien]

Hi Kieran,

I have contacted the hosting partner as recommended, but they responded that actually they are not developers and not able to resolve. Is there any instruction on how to do this that you can recommend so that I share with them? Maybe it is not so difficult and they can do it without having advanced knowledge. But they will need some guidance with it.

Thanks.

[Kieran_SQ]

Hi,

It’s not terribly difficult but will vary depending on the hosts control panel on how this is achieved. The first option for you to try yourself would be adding the below snippet to the end of your .htaccess file which will forward all traffic to your https:// site – this may or may not work depending on what is going on with your host.

COPY CODE

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

You will need to connect to your site via your hosts file browser or SFTP/FTP to get access to this file and it will be found in the main WordPress directory.

If this has been completed and you’re successfully sent from cristea.ch to https://cristea.ch every time then you can go to WP Admin > Settings > General and set your site URL as https://cristea.ch

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Note: Please also update this ticket, in a private reply, with admin credentials for your site so I can upload the images to the correct places once redirection is working if you need me to.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[lusien]

Hi Kieran,

Many thanks for your help. I have access to the file and I have added into it the mentioned code. However, after I saved it and reloaded the home page I got the attached error. Trying to access different pages worked. I have clean the cookies as suggested but still same issue. Please note that WP Admin > Settings > General was set to https://cristea.ch from the very beginning and redirection from cristea.ch to https://cristea.ch works properly.

Regards.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

If the snippet is generating an error for you please remove it from your .htaccess file. Your domain is still not forwarding from non https and that is something you will have to address with your host.

As your site URL is set to https you can upload the images to your site again if you wish. If you would like me to do this for you then please update this ticket, in a private reply, with admin credentials so I can carry this out for you.

One of the images is the main logo and you can change this in the theme options. Delete the current image and upload your logo again whilst you’re accessing the site via https://

With regards to the other two images you will need to edit the page in question and delete the two images and upload again. Again whilst connected via https://

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[lusien]

This reply has been set as private.

[Kieran_SQ]

Hi,

After logging in I found that your WordPress Media Library is handling uploads as http:// not https:// which is why you got the error when you uploaded the image again.

This is not an issue with the theme but either the configuration of WordPress or your host. However, I took the liberty of installing a plugin on your site called ‘Really Simple SSL’ which forces all links to be https:// on the front-end.

I have cleared my cache on the front-end after installing and I now see the green SSL (secure) confirmation in the browser bar. Please do the same and let me know whether or not you see the green SSL seal.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[lusien]

Thank you Kieran. This is really appreciated.

Have a good weekend.

[Kieran_SQ]

Hi,

Glad this is now resolved for you, enjoy your weekend 🙂 Feel free to open a new ticket with any other questions and we’ll be happy to assist.

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts